[JS/Array] 배열 Method 및 배열 고차 함수 정리

분류

• mutator : 호출한 원본 배열을 직접 변경함
• accessor : 원본 배열을 직접 변경하지 않고 새로운 배열을 반환함.

 

배열 Method

Array.prototype	분류	내용	반환값	비고
.indexOf	accessor	인수가 몇 번째 순서인지 검색	첫 번째 검색 일치 결과의 인덱스를 반환 검색 불일치시 -1 을 반환	인수의 존재확인시에는 includes를 쓸 것
.push	mutator	인수를 마지막 요소로 추가	length 속성 값을 반환	하나만 추가한다면 arr[arr.length]로 직접 추가하자 mutate가 싫다면 스프레드 문법을 쓸 것
.pop	mutator	마지막 요소를 제거	제거한 요소를 반환
.unshift	mutator	인수를 첫 요소로 추가	length 속성 값을 반환
.shift	mutator	첫 요소를 제거	제거한 요소를 반환
.concat	accessor	인수를 마지막 요소로 추가	새로운 배열을 반환	스프레드 문법과 유사
.splice	mutator	중간에 요소를 추가하거나 제거	제거한 요소를 반환	(start,deleteCount,items,...)
.slice	accessor	특정 범위의 요소를 추출	추출한 요소들로 구성된 새로운 배열을 반환	(start, end)
.join	accessor	배열을 특정 구분자로 연결한 문자열로 변환	새로운 배열을 반환	기본 구분자 = 쉼표
.reverse	mutator	배열의 순서를 반대로 뒤집음	변경된 원본 배열을 반환
.fill	mutator	인수로 배열의 모든 값을 채움	변경된 원본 배열을 반환	(채울 값, start, end)
.includes	accessor	특정 요소가 있는지 확인	true, false 반환	(검색 값, start)
.flat	mutator	인수값만큼 평탄화(대괄호 벗기기)	변경된 원본 배열을 반환	(평탄화 깊이) Infinity를 전달하면 중첩배열을 모두 평탄화시킴

 

배열 고차 함수

300x250

Array.prototype	분류	내용	반환값	비고
.sort	mutator	요소를 정렬	변경된 원본 배열	기본 = 오름차순 비교함수의 반환값<0 : 첫번째 인수 우선 정렬 비교함수의 반환값 = : 정렬하지 않음 비교함수의 반환값>0 : 두번째 인수 우선 정렬
.forEach	accessor	요소별 반복적 코드블럭 실행	undefined	(콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) for 문에 비해 성능이 안좋음
.map	accessor	요소별 반복적 코드블럭 실행	콜백 함수의 반환값들로 구성된 새로운 배열 반환	(콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체)
.filter	accessor	요소별 반복적 코드블럭 실행	콜백 함수의 반환값이 true인 요소들로 구성된 새로운 배열 반환	(콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체)
.reduce	accessor	요소별 반복적 코드블럭 실행	콜백 함수의 반환값을 다음 순회시 콜백 함수의 첫 번째 인수로 전달하여 최종적으로 하나의 결과값을 반환	(콜백 함수(초기값 또는 이전 순회시 콜백 함수의 반환값, 요소값,인덱스,this), 초기값)
.some	accessor	요소별 반복적 코드블럭 실행	콜백 함수의 반환값이 true인 경우가 존재하면 true, 모두 false이면 false를 반환	(콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체)
.every	accessor	요소별 반복적 코드블럭 실행	콜백 함수의 반환값이 모두 true이면 true, false인 경우가 존재하면 false를 반환	(콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체)
.find	accessor	요소별 반복적 코드블럭 실행	콜백 함수의 반환값이 true인 첫 번째 요소를 반환	(콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) filter는 배열을 반환하지만, find는 요소값 자체를 반환함
.findIndex	accessor	요소별 반복적 코드블럭 실행	콜백 함수의 반환값이 true인 첫 번째 요소의 인덱스를 반환	(콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체)
.flatMap	accessor	선map 실행, 후 flat 실행	새로운 배열을 반환	1단계만 평탄화가능