Skip to content

JavaScript 배열 메서드 해설

자주 쓰는 JavaScript 배열 메서드를 동작별로 묶어 정리했습니다. 배열을 변경하는지, 무엇을 반환하는지, 언제 쓰는지. 매일 사용하는 메서드의 빠른 참고 자료입니다.

배열 메서드는 두 종류입니다. 변경하는 메서드는 호출한 배열 자체를 바꾸고, 변경하지 않는 메서드는 새 배열을 반환하며 원본을 그대로 둡니다. 가능하면 변경하지 않는 메서드를 우선하세요. 예상치 못한 부수 효과를 피할 수 있고 체이닝도 깔끔합니다. map, filter, reduce는 매일 손이 가는 주력 메서드입니다. map은 각 항목을 변환하고, filter는 원하는 항목만 남기며, reduce는 배열 전체를 하나의 값으로 접습니다.

참고 표 · 40 항목
40 of 40 rows
원본 변경
예새 길이하나 이상의 항목을 배열 끝에 추가합니다.
예값 | undefined마지막 항목을 제거하고 반환합니다.
예값 | undefined첫 번째 항목을 제거하고 반환합니다.
예새 길이하나 이상의 항목을 배열 앞에 추가합니다.
예제거된 항목 배열지정한 인덱스부터 항목을 삽입, 제거 또는 교체합니다.
예같은 배열, 정렬됨항목을 제자리에서 재정렬합니다. 비교 함수가 없으면 항목을 문자열로 비교합니다.
예같은 배열, 뒤집힘항목 순서를 제자리에서 뒤집습니다.
예같은 배열범위 안의 슬롯을 하나의 값으로 덮어씁니다.
예같은 배열연속된 항목을 같은 배열의 다른 위치로 복사합니다.
반복 / 변환
아니요새 배열모든 항목을 새로운 것으로 변환합니다.
아니요새 배열테스트를 통과한 항목만 남깁니다.
아니요누산값모든 항목을 하나의 값으로 접습니다.
아니요누산값마지막 항목부터 시작해 모든 항목을 하나의 값으로 접습니다.
아니요undefined모든 항목에 부수 효과를 실행합니다.
아니요값 | undefined테스트를 통과하는 첫 번째 항목을 가져옵니다.
아니요인덱스 또는 -1테스트를 통과하는 첫 번째 항목의 인덱스를 가져옵니다.
아니요값 | undefined테스트를 통과하는 마지막 항목을 가져옵니다.
아니요인덱스 또는 -1테스트를 통과하는 마지막 항목의 인덱스를 가져옵니다.
아니요불리언최소한 하나의 항목이 테스트를 통과하는지 확인합니다.
아니요불리언모든 항목이 테스트를 통과하는지 확인합니다.
아니요새 배열중첩 배열을 지정한 깊이까지 평탄화합니다. Infinity를 넘기면 모든 수준을 평탄화합니다.
아니요[인덱스, 값] 이터레이터인덱스와 값의 쌍을 순회합니다.
아니요인덱스 이터레이터인덱스만 순회합니다.
아니요값 이터레이터값만 순회합니다.
접근 / 비변경
아니요새 배열배열의 일부를 새 배열로 복사합니다.
아니요새 배열두 개 이상의 배열을 하나로 합칩니다.
아니요불리언값이 배열에 존재하는지 확인합니다.
아니요인덱스 또는 -1값이 처음 나타나는 인덱스를 찾습니다.
아니요인덱스 또는 -1값이 마지막으로 나타나는 인덱스를 찾습니다.
아니요문자열모든 항목을 구분자로 하나의 문자열로 이어 붙입니다.
아니요값 | undefined인덱스로 항목을 읽습니다. 음수 인덱스는 끝에서부터 셉니다.
최신
아니요새 배열각 항목을 매핑하고 결과를 한 번에 한 수준 평탄화합니다.
아니요새 배열한 인덱스를 교체한 복사본을 반환합니다.
아니요새 배열, 정렬됨복사본을 정렬하고 원본 배열은 그대로 둡니다.
아니요새 배열, 뒤집힘복사본을 뒤집고 원본 배열은 그대로 둡니다.
아니요새 배열복사본에 splice를 적용하고 원본 배열은 그대로 둡니다.
정적
아니요새 배열iterable이나 유사 배열 객체로 배열을 만듭니다.
아니요새 배열인수 목록으로 배열을 만듭니다.
아니요불리언값이 진짜 배열인지 확인합니다.
아니요새 배열의 Promise비동기 iterable로 배열을 만듭니다.