[TIL] Javascript 배열 내장 함수
◎ Javascript에서 배열을 쉽게 다룰 수 있는 내장 함수들이 존재한다.
종류가 많아서 외우지는 못해서 이해하고 사용하면 좋을 거 같다.
1. forEach
-
배열 안에 원소들을 가지고 작업을 일괄적으로 하고 싶을 때 사용하는 내장 함수
-
배열의 요소를 반복한다.
-
각 요소에 대해 콜백을 실행한다.
-
값을 반환하지 않는다.
2. map
-
배열이 있을 때, 배열 안에 원소를 변환할 때 사용하는 내장 함수.
3. indexOf
-
배열에서 원하는 항목이 몇 번째 원소인지 확인하는 내장 함수.
※ Javascript 배열의 인덱스는 0부터 시작한다.
4. findIndex
-
문자열이나 boolean 인지 확인할 수 있다.
-
객체 또는 조건으로 찾는 데 사용한다.
-
파라미터는 함수 특정 조건을 확인해서 일치한다면 일치하는 원소가 몇 번째 인지 확인하는 내장 함수.
5. find
-
객체 자체, 원소를 반환해주는 내장 함수.
-
마찬가지로 특정 조건으로 찾는다.
-
가장 첫 번째로 찾은 항목을 반환한다.
6. splice
-
특정 항목을 제거할 때 사용하는 내장 함수.
-
제거하는 과정에서 해당 원소가 몇 번 째인지 인지 해줘야 한다.
-
기존의 배열이 수정된다.
-
slice 함수와 혼동하지 말자!
7. slice
-
splice와 같이 특정 항목을 제거할 때 사용하는 내장 함수.
-
기존의 배열은 수정되지 않는다..
-
(start, end) 파라미터 -> 어떤 인덱스부터 자를지, 어디까지 짜를지
-
splice 함수와 혼동하지 말자!
8. filter
-
특정 조건을 만족하는 원소를 찾아서 새로운 배열을 만드는 함수.
-
필터링 개념
-
기존의 배열은 수정되지 않는다.
◎ console을 확인해 보면 기존의 todos 배열은 변경되지 않은 것을 확인할 수 있다.
9. concat
-
배열을 합칠 때 사용하는 내장 함수.
-
기존의 배열은 수정되지 않는다.
-
새로운 배열을 만든다.
10. shift, unshift, pop, push
-
배열의 제일 앞 인덱스를 삭제하거나 추가할 때, 배열의 제일 뒤에 있는 인덱스를 삭제하거나 추가할 때 사용하는 내장 함수.
-
기존의 배열을 수정한다.
10-1. shif
-
배열의 제일 앞에 있는 인덱스를 추출한다.
10-2. unshift
-
배열의 제일 앞에 인덱스에 추가한다.
10-3. pop
-
배열의 제일 뒤에 있는 인덱스를 추출한다.
10-4. push
-
배열의 제일 뒤에 인덱스를 추가한다.
11. reduce
-
배열이 주어졌을 때, 배열 안의 모든값을 사용하여 연산할 때 사용하는 내장 함수.
-
첫번 째 파라미터는 누적된 값을 계산하는 함수를 넣어야 한다.(두 가지의 파라미터를 받아온다.)
-
두번 째, 파라미터는 accumulator의 기본 값을 설정한다. (기본값을 설정하지 않으면 자동으로 0으로 주어진다.)
※ reduce 함수를 잘 사용하면 mpa, filter, find 함수로 구현할 수 있는 기능을 할 수있다고 한다. 공부를 더 하고 기록을 남기겠다.
