Array method를 정리하는 시간을 가져보려고 한다.
Array.push : 배열 뒷 부분에 값을 삽입
var arr = [ 1, 2, 3, 4 ]; arr.push( 5 ); console.log( arr ); // [ 1, 2, 3, 4, 5 ]
Array.pop : 배열 뒷 부분에 값을 삭제
var arr = [ 1, 2, 3, 4 ]; arr.pop(); console.log( arr ); // [ 1, 2, 3 ]
Arrray.shift : 배열 앞 부분의 값을 삭제
var arr = [ 1, 2, 3, 4 ]; arr.shift(); console.log( arr ); // [ 2, 3, 4 ]
Array.unshift : 배열 앞 부분에 값을 삽입
var arr = [ 1, 2, 3, 4 ]; arr.unshift( 0 ); console.log( arr ); // [ 0, 1, 2, 3, 4 ]
Array.splice(index, 제거 할 요소 갯수, 추가 될 요소) :
배열의 특정위치에 요소를 추가하거나 삭제var arr = [ 1, 2, 3, 4, 5, 6, 7 ]; arr.splice( 3, 2 ); console.log( arr ); // [ 1, 2, 3, 6, 7 ] 3번째 인덱스에서부터 2개 제거
var arr = [ 1, 2, 3, 4, 5, 6, 7 ]; arr.splice( 2, 1, "a", "b"); console.log( arr ); // [ 1, 2, "a", "b", 4, 5, 6, 7 ] 2번째 인덱스에서 1개 제거 후 "a"와 "b"를 추가
Array.slice( startIndex, endIndex) :
배열의 startIndex부터 endIndex까지(endIndex는 불포함)에 대한 shallow copy를 새로운 배열 객체로 반환var arr = [ 1, 2, 3, 4, 5, 6, 7 ]; var newArr = arr.slice( 3, 6 ); console.log( 'slice', newArr ); // [ 4, 5, 6 ]
Array.map : 배열의 각 원소별로 지정된 함수를 실행한 결과로 구성된 새로운 배열을 반환한다.
var arr =[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]; var isEven = function( value ) { return value % 2 === 0; }; var newArr = arr.map( isEven ); console.log( newArr ); // [ false, true, false, true, false, true, false, true, false, true ]
Array.filter : 지정된 함수의 결과 값을 true로 만드는 원소들로만 구성된 별도의 배열을 반환한다.
var arr =[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]; var isEven = function( value ) { return value % 2 === 0; }; var newArr = arr.filter( isEven ); console.log( newArr ); // [ 2, 4, 6, 8, 10 ]
Array.concat : 다수의 배열을 합치고 병합된 배열의 사본을 반환
var arr1 = [ 1, 2, 3 ]; var arr2 = [ 4, 5, 6 ]; var arr3 = arr2.concat( arr1 ); console.log( arr3 ); // [ 4, 5, 6, 1, 2, 3 ]
Array.every : 배열의 모든 요소가 제공한 함수로 구현된 테스트를 통과하는지를 테스트
var arr =[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]; var isEven = function( value ) { // value가 2의 배수이면 true를 반환한다. return value % 2 === 0; }; console.log( arr.every( isEven ) ); // false 모든 요소가 true이면 true를 return 하고 그렇지 않으면 false
Array.sort : 배열의 원소를 알파벳순으로, 또는 지정된 함수에 따른 순서로 정렬한다. 모든 원소를 문자열로 취급해 사전적으로 정렬
var arr = [ 13, 12, 11, 10, 5, 3, 2, 1 ]; arr.sort(); console.log( arr ); // [ 1, 10, 11, 12, 13, 2, 3, 5 ]; // sort에 함수로 정렬 var arr = [ 13, 12, 11, 10, 5, 3, 2, 1 ]; arr.sort( function( a, b ) { return a - b; }) console.log( arr ); // [ 1, 2, 3, 5, 10, 11, 12, 13 ]
Array.toString : 배열을 문자열로 바꾸어 반환한다
var arr =[ 1, 2, 3, 4 ]; console.log( arr.toString() ); // 1, 2, 3, 4
이 외의 다양한 Array의 method는 여기를 참고하자