1.join
배열 원소를 문자열로 변환후 연결하여 출력, 구분문자 지정가능
var arr1=[4,25,16,23];
document.write(arr1.join(" ")+"<br>");
2.concat
배열에 다른 배열객체, 데이터를 결합
var arr1=[4,25,16,23];
document.write(arr1.concat(56)+"<br>");
3.reverse
배열 원소의 순서를 반대로 정렬
var arr1=[4,25,16,23];
document.write(arr1.reverse()+"<br>") ;
4.sort
정렬을 위한 메소드 문자를 알파벳순으로 정렬한다. 때문에 수치를 정렬할때는 별도의 함수를 작성해줘야한다.
var arr1=[4,25,16,23];
document.write(arr1.sort(function(a,b) {return a-b;})+"<br>");
document.write(arr1.sort(function(a,b) {return b-a;})+"<br>");
5.slice
특정범위에 속하는 원소를 선택하여 배열을 반환
document.write(arr1.slice(1,4));
6.splice
splice(시작위치,제거 원소개수, 추가배열)의 형태로 작성된다.
document.write(arr1.splice(1,2,44));
7.pop, push
pop은 맨마지막의 원소를 제거하고 push는 마지막에 원소를 추가한다.
document.write(arr1+"<br>");
arr1.pop();
document.write(arr1+"<br>");
arr1.push(22);
document.write(arr1+"<br><br><br>");
8.shift, unshift
배열의 맨처음에 데이터를 추가하거나 제거한다.
document.write(arr1+"<br>");
arr1.shift();
document.write(arr1+"<br>");
arr1.unshift(11);
document.write(arr1+"<br><br><br>");
9.forEach
배열을 반복하여 저장된 데이터를 조회
document.write(arr1+"<br>");
function plus(item,index){document.write(item+1+",")}
arr1.forEach(plus)
10.map
배열의 데이터를 함수의 인자로 전달하고 함수의 수행결과를 반환 받아 새 배열을 생성한다.
document.write("<br>"+arr1);
function plus2(item){return item+1}
document.write("<br>"+arr1.map(plus2)+"<br><br><br>")
11.filter
배열의 데이터중에 조건이 참인 데이터만 반환하여 새로운 배열을 생성
document.write(arr1.filter(function(a){return a>11})+"<br>")
12.indexOf
배열의 데이터를 검색하여 인덱스 위치를 반환
document.write(arr1.indexOf(22))
'FrontEnd > JavaScript' 카테고리의 다른 글
[JavaScript] 객체(Object) (0) | 2024.06.03 |
---|---|
[JavaScript] 배열 (0) | 2024.06.01 |
[JavaScript] 함수 (0) | 2024.06.01 |