JavaScript Array Method 정리

Mutable Array Methods

arr.push(obj) : arr 배열 마지막에 obj 추가하고 추가한 배열 길이 리턴
arr.pop() : arr 배열 마지막 원소 삭제 후 삭제한 원소 리턴
arr.reverse() : 순서가 반전된 arr 배열 리턴
arr.shift() : arr 배열 가장 앞 원소 삭제 후 삭제한 원소 리턴
arr.unshift(obj) : arr 배열 가장 앞에 obj 추가하고 추가한 배열 길이 리턴
arr.sort() : arr 배열을 각 요소의 문자열로 변환해 정렬, 문자열로 정렬하고 싶지 않다면 매개변수로 compare function(a, b) 추가 (양수일때 a는 b보다 앞, 음수일때 a는 b보다 뒤, 0일때 서로에 대해 변경 안함)
예)

var arr1 = [2,1,5,10];
var arr2 = [2,1,5,10];
console.log(arr1.sort()) //[1,10,2,5]
console.log(arr2.sort(function(a, b) { return a - b }) //[1,2,5,10]

arr.splice(start, deleteCount, items) : arr 배열의 start index부터 deleteCount만큼 추출하여 리턴, 그 자리에 대신 items를 삽입
예)

var arr=[1,2,3,4]; 
console.log(arr.splice(1,2,5,6,7)) //[2,3]
console.log(arr) //[1,5,6,7,4]

Immutable Array Methods

arr.concat(a) : arr 배열에 a배열을 합친 새로운 배열을 리턴
arr.slice(start, end) : arr 배열의 start index부터 end-1 index까지를 복사한 배열을 리턴
arr.filter(callback) : arr 배열의 각 요소가 callback 함수를 통과했을 때 값이 true면 취하고 값이 false면 버린 배열을 리턴
arr.forEach(callback) : callback 함수에 arr 배열의 각 요소를 실행
arr.map(callback) : callback 함수에 arr 배열의 각 요소를 실행시키고 callback함수의 리턴들을 모아서 배열로 리턴
arr.reduce(reducer) : reducer 함수에 arr 배열의 각 요소를 실행시키고 그 누적값을 리턴
참고) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce#

state변경할 때 배열을 수정하고 싶으면 이 방법들로 수정하자
예)

this.setState({ arr : arr.concat([1,2]) });

General Array Methods

arr.indexOf(obj) : arr 배열 내 obj 요소의 index 리턴, 없으면 -1리턴
arr.find(callback) : arr 배열 내 요소 중 callback 함수를 만족하는 첫번째 요소를 리턴
arr.findIndex(callback) : arr 배열 내 요소 중 callback 함수를 만족하는 첫번째 요소의 index를 리턴
arr.includes(obj) : arr 배열 내부에 obj가 있는지 여부를 boolean으로 리턴
arr.join(separater) : arr 배열 요소들을 separater를 사이에 두고 문자열로 연결하여 리턴
arr.length : arr 배열의 길이, method가 아니라 property

모든 method를 정리하기 보다 내가 자주 사용하는 것을 위주로 정리했다.

참고자료

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array