자바스크립트 배열에는 어떤 메서드가 있을까?

kimminjunnn·2025년 4월 22일

CS

목록 보기
13/34

자바스크립트 배열의 메서드는 어떤 종류가 있나요?

자바스크립트 배열에는 진짜 많고 다양한 메서드들이 있다.
그러나 크게 두가지로 나눌 수 있다.


✅ 1. 원본 배열을 변경하는 메서드 (Mutator Methods)

이건 말 그대로 배열 자체를 바꿔버리는 메서드들이다.

메서드설명
push()배열 끝에 요소 추가
pop()배열 끝 요소 제거
unshift()배열 앞에 요소 추가
shift()배열 앞 요소 제거
splice(start, deleteCount, ...items)특정 위치에 추가/삭제
sort()배열 정렬 (기본은 유니코드 순서!)
reverse()배열 순서 뒤집기
fill(value, start, end)범위 채우기
copyWithin(target, start, end)배열 내 일부를 복사해서 덮어쓰기

🧊 2. 원본은 그대로, 새 배열을 반환하는 메서드 (Accessor / Non-Mutating)

이건 원본은 안 건드리고, 새 배열이나 결과를 반환해주는 애들이야.

메서드설명
map()각 요소에 함수 적용해서 새 배열 생성
filter()조건을 만족하는 요소만 걸러내서 새 배열 생성
slice(start, end)특정 범위를 복사해서 새 배열 반환
concat()배열 합치기 (원본은 안 바뀜)
flat(depth)중첩 배열 평탄화 (1차원으로 펴기)
includes(value)해당 값이 배열에 존재하는지 확인 (boolean)
indexOf(value)해당 값의 첫 인덱스 반환 (없으면 -1)
lastIndexOf(value)뒤에서부터 찾음
find()조건을 만족하는 첫 요소 반환
findIndex()조건을 만족하는 첫 요소의 인덱스 반환
every()모든 요소가 조건을 만족하는지 검사
some()하나라도 조건 만족하는 요소가 있는지 검사
join(separator)배열을 문자열로 합침
toString()그냥 배열을 문자열로 바꿔줌
entries()[index, value] 쌍의 반복자 반환
keys()인덱스 반복자 반환
values()값 반복자 반환

0개의 댓글