JS(javascript)

배열 method 정리

westone034626 2024. 2. 20. 21:45

평소에 배열 관련 메소드로 map, filter, ...(rest) 정도만 활용했던 거 같아 환기시킬 겸 다시 정리해본다.

이로 인해 더욱 깔끔한 코드를 작성할 수 있게 되기를...

 

reduce: 배열의 각 요소에 오른쪽으로 나아가며 리듀서 함수를 수행하고 하나의 결과값으로 반환한다.

 

reduceRight: 배열의 각 요소에 대해 오른쪽에서 왼쪽으로 나아가며 리듀서 함수를 수행하고 하나의 결과값으로 반환한다.

 

forEach: undefined를 반환한다.

 

find: 조건을 만족하는 첫 번째 아이템 반환(조건에 만족하는 아이템이 없다면 undefined 반환)

 

every, some: 전부(하나라도) 만족하면 true

 

findIndex: 조건을 만족하는 첫번째 요소의 인덱스를 반환(없으면 -1 반환)

 

indexOf: 인자로 넘기는 값의 인덱스를 반환한다.(없으면 -1을 반환), 두 번째 인자는 선택적으로 넘길 수 있으며 fromIndex를 의미한다. 만약 음수를 전달할 경우 뒤에서부터 찾는다. *인자는 primitive value

 

includes: 인자로 넘기는 값이 배열 내에 존재하는지 반환한다. 두번째 인자로 fromIndex를 선택적으로 입력 가능하다.(음수 전달 가능)

 

push: 배열의 뒤에 값을 추가한다. 배열의 길이를 반환한다. 한 번에 여러 개의 요소를 추가할 수 있다.

 

unshift: 배열의 앞에 값을 추가한다. 배열의 길이를 반환한다. 한 번에 여러 개의 요소를 추가할 수 있다.

 

pop: 배열의 제일 뒤쪽 값을 추출한다. 추출된 값을 반환한다.

 

shift: 배열의 제일 앞쪽 값을 추출한다. 추출된 값을 반환한다.

 

splice: 배열의 내용을 수정한다(첫 번째 인자: 변경을 시작할 인덱스, 두 번째 인자: 지워질 요소의 갯수, 세 번째~N번째 인자: 추가될 요소). 배열에서 제거된 아이템을 배열로 반환한다.(없었다면 빈배열 반환) 마지막 인자는 넘기지 않아도 된다.

 

concat: 배열을 얕은 복사한다. 인자가 전달될 시, 값을 추가해서 배열을 반환한다.

 

slice: 배열을 얕은 복사한다. start, end 인덱스를 전달해서 범위를 조정할 수 있다. 두 번째 인자는 생략할 수 있다. 음수 형태로도 전달 가능하다.