앞서 자주쓰이는 배열함수들을 포스팅했다
이번 게시물은 복습겸 그 배열 내장함수을 모아서 간단하게 정리를 해보고자 한다.
각 내장함수에 대한 예시코드들은 따로 게시물을 작성해두었다 :)
1. forEach - 반복적인 기능을 수행하여 for문과 유사한 함수로, 배열 안에서 주어진 요소들을 하나씩 호출한다.
2. map - 배열 안에 있는 원소들을 주어진 조건에 맞추어 변환 후, 새로운 배열로 만들어낸다.
3. indexOf - 배열 안에서 특정 문자열의 위치를 확인하여 그 index번호를 반환한다. 문자열이 여러번 등장하는 경우 첫번째 요소의 index를 반환한다.
4. findIndex - 배열 안의 객체, 혹은 특정 조건에 맞는 값을 찾아서 그 index를 반환한다.
5. find - findIndex와 비슷하지만 조건에 맞는 객체의 index번호가 아니라 그 요소 자체를 반환한다.
6. filter - 배열 안에서 특정 조건을 확인 한 후, 조건에 맞는 인자로 새로운 배열을 만들어낸다.
7. splice - 배열 안에서 특정 항목을 제거할 때 사용한다. 제거 하는 원소가 몇번째인지 명시를 해주어야 하며 기존의 배열을 건드린다. 사용법은 변수명.splice(제거를 원하는 시작값의 index번호, 제거를 원하는 개수)
8. slice - 배열 안에서 특정 항목을 새로운 배열로 만드는데 사용, 기존의 배열을 건드리지 않는다. 사용법은 변수명.slice(잘라내길 원하는 값의 시작 index, 잘라내길 원하는 값의 바로 다음 index)
9. shift - 배열 안에서 첫번째 요소를 빼낸다. (기존의 배열을 건드린다)
10. pop - 배열 안에서 마지막 요소를 빼낸다. (기존의 배열을 건드린다)
11. unshift - 배열의 맨 앞에 요소를 추가한다.
12. push - 배열의 맨 뒤에 요소를 추가한다.
13. concat - 인자로 주어진 요소를 기존 배열값에 합쳐서 새로운 배열을 반환한다.
14. join - 배열의 모든 요소를 연결해 하나의 문자로 만든다.(기본값은 ',' 이며 ''사이에 원하는 요소를 넣어 커스텀이 가능하다)
15. reduce - 배열을 순회하며 인덱스 데이터를 줄여가며 어떠한 기능을 수행한다. 누적값과 현재값을 활용하여 다양한 용도로 사용이 가능하며, 개념을 설명하기 위해 연산하는것이 예시로 자주 보여진다.
아직 JS를 많이 접했다고는 할 수 없지만, 개인적으로 여러가지 코드를 살펴보면서
이중에서도 자주 나오는 듯한 명령어에는 밑줄표시를 해두었다.
하지만 모두 기본함수니까 이정도는 외워두는게 좋을 것 같다 :D
'JAVASCRIPT' 카테고리의 다른 글
Object(객체) (0) | 2021.05.15 |
---|---|
DOM EVENT (0) | 2021.03.25 |
배열내장함수 - reduce (0) | 2021.03.24 |
배열내장함수 - concat / join (0) | 2021.03.23 |
배열 내장함수 - shift / pop / unshift / push (0) | 2021.03.23 |