[TIL] Javascript 배열 내장 함수

javascript logo

◎ Javascript에서 배열을 쉽게 다룰 수 있는 내장 함수들이 존재한다.

종류가 많아서 외우지는 못해서 이해하고 사용하면 좋을 거 같다.

1. forEach

• 배열 안에 원소들을 가지고 작업을 일괄적으로 하고 싶을 때 사용하는 내장 함수

• 배열의 요소를 반복한다.

• 각 요소에 대해 콜백을 실행한다.

• 값을 반환하지 않는다.

forEach

2. map

• 배열이 있을 때, 배열 안에 원소를 변환할 때 사용하는 내장 함수.

map

3. indexOf

• 배열에서 원하는 항목이 몇 번째 원소인지 확인하는 내장 함수.

※ Javascript 배열의 인덱스는 0부터 시작한다.

4. findIndex

• 문자열이나 boolean 인지 확인할 수 있다.

• 객체 또는 조건으로 찾는 데 사용한다.

• 파라미터는 함수 특정 조건을 확인해서 일치한다면 일치하는 원소가 몇 번째 인지 확인하는 내장 함수.

indexOf

5. find

• 객체 자체, 원소를 반환해주는 내장 함수.

• 마찬가지로 특정 조건으로 찾는다.

• 가장 첫 번째로 찾은 항목을 반환한다.

find

6. splice

• 특정 항목을 제거할 때 사용하는 내장 함수.

• 제거하는 과정에서 해당 원소가 몇 번 째인지 인지 해줘야 한다.

• 기존의 배열이 수정된다.

• slice 함수와 혼동하지 말자!

splice

7. slice

• splice와 같이 특정 항목을 제거할 때 사용하는 내장 함수.

• 기존의 배열은 수정되지 않는다..

• (start, end) 파라미터 -> 어떤 인덱스부터 자를지, 어디까지 짜를지

• splice 함수와 혼동하지 말자!

slice

8. filter

• 특정 조건을 만족하는 원소를 찾아서 새로운 배열을 만드는 함수.

• 필터링 개념

• 기존의 배열은 수정되지 않는다.

filter

filter

◎ console을 확인해 보면 기존의 todos 배열은 변경되지 않은 것을 확인할 수 있다.

9. concat

• 배열을 합칠 때 사용하는 내장 함수.

• 기존의 배열은 수정되지 않는다.

• 새로운 배열을 만든다.

concat

10. shift,  unshift, pop, push

• 배열의 제일 앞 인덱스를 삭제하거나 추가할 때, 배열의 제일 뒤에 있는 인덱스를 삭제하거나 추가할 때 사용하는 내장 함수.

• 기존의 배열을 수정한다.

10-1. shif

• 배열의 제일 앞에 있는 인덱스를 추출한다.

shift

10-2. unshift

• 배열의 제일 앞에 인덱스에 추가한다.

unshift

10-3. pop

• 배열의 제일 뒤에 있는 인덱스를 추출한다.

pop

10-4. push

• 배열의 제일 뒤에 인덱스를 추가한다.

push

11. reduce

• 배열이 주어졌을 때, 배열 안의 모든값을 사용하여 연산할 때 사용하는 내장 함수.

• 첫번 째 파라미터는 누적된 값을 계산하는 함수를 넣어야 한다.(두 가지의 파라미터를 받아온다.)

• 두번 째, 파라미터는 accumulator의 기본 값을 설정한다. (기본값을 설정하지 않으면 자동으로 0으로 주어진다.)

※ reduce 함수를 잘 사용하면 mpa, filter, find 함수로 구현할 수 있는 기능을 할 수있다고 한다. 공부를 더 하고 기록을 남기겠다.

reduce