[JS] Syntax | 18. 배열 메소드 정리

JavaScript의 배열 메소드들을 정리하였습니다.

 

각 매개변수들은 필수가 아니며, 선택적으로 사용할 수 있습니다.

메소드	기능	형식	매개변수
forEach *	배열의 각 요소마다 동작을 실행합니다.	.forEach( (item, index, arr) => { ... } ) { ... } : 요소별 동작	item : 개별 항목 index : 색인 arr : 현재 배열
map *	배열의 각 요소마다 동작을 실행합니다. 각 요소마다 반환한 값을 모아 하나의 배열로 반환합니다.	.map( (item, index, arr) => { ... } ) { ... } : 요소별 동작	item : 개별 항목 index : 색인 arr : 현재 배열
filter	배열의 각 요소마다 조건에 만족하는 요소들만 모아 배열로 반환합니다.	.filter( (item, index, arr) => { ... } ) { ... } : 조건문	item : 개별 항목 index : 색인 arr : 현재 배열
find	배열의 각 요소 중에서 조건에 만족하는 첫 번째 값을 찾아 반환합니다.	.find( (item, index, arr) => { ... } ) { ... } : 조건문	item : 개별 항목 index : 색인 arr : 현재 배열
reduce *	배열의 각 요소마다 동작을 실행하여 누적한 뒤 총 결과를 반환합니다.	.reduce( (acc, item, index, arr) => { ... }, init) { ... } : 누적시킬 값을 acc에 더합니다.	acc : 누적시키는 값 (누산기) item : 개별 항목 index : 색인 arr : 현재 배열 init : 누산기의 초기값
sort	배열의 요소들을 정렬합니다. 아무 함수도 입력하지 않으면, 유니코드의 정렬을 따릅니다.	.sort( (a, b) => { ... } ) { ... } : 정렬된 배열 중 임의의 두 요소 a, b를 선택해도(순서를 지키며), 해당 함수의 반환값이 음수가 되도록 정렬하게 됩니다.	a, b : 배열 내 임의의 요소 둘
reverse	배열의 요소 순서를 뒤집습니다.	.reverse( )
push	배열의 끝에 요소를 추가합니다.	.push(item)	item : 추가할 요소
pop	배열의 끝 요소를 삭제합니다.	.pop( )
shift	배열의 첫 요소를 삭제합니다.	.shift( )
unshift	배열의 처음에 요소를 추가합니다.	.unshift(item)	item : 추가할 요소
fill	배열의 모든 요소를 대체합니다.	.fill(item)	item : 대체할 요소

 

* forEach, map, reduce는 선언 당시의 배열을 기준으로 반복이 시행됩니다. (중간에 추가되는 항목은 반영되지 않습니다)