728x90
320x100
분류
- mutator : 호출한 원본 배열을 직접 변경함
- accessor : 원본 배열을 직접 변경하지 않고 새로운 배열을 반환함.
배열 Method
Array.prototype | 분류 | 내용 | 반환값 | 비고 |
.indexOf | accessor | 인수가 몇 번째 순서인지 검색 | 첫 번째 검색 일치 결과의 인덱스를 반환 검색 불일치시 -1 을 반환 |
인수의 존재확인시에는 includes를 쓸 것 |
.push | mutator | 인수를 마지막 요소로 추가 | length 속성 값을 반환 | 하나만 추가한다면 arr[arr.length]로 직접 추가하자 mutate가 싫다면 스프레드 문법을 쓸 것 |
.pop | mutator | 마지막 요소를 제거 | 제거한 요소를 반환 | |
.unshift | mutator | 인수를 첫 요소로 추가 | length 속성 값을 반환 | |
.shift | mutator | 첫 요소를 제거 | 제거한 요소를 반환 | |
.concat | accessor | 인수를 마지막 요소로 추가 | 새로운 배열을 반환 | 스프레드 문법과 유사 |
.splice | mutator | 중간에 요소를 추가하거나 제거 | 제거한 요소를 반환 | (start,deleteCount,items,...) |
.slice | accessor | 특정 범위의 요소를 추출 | 추출한 요소들로 구성된 새로운 배열을 반환 | (start, end) |
.join | accessor | 배열을 특정 구분자로 연결한 문자열로 변환 | 새로운 배열을 반환 | 기본 구분자 = 쉼표 |
.reverse | mutator | 배열의 순서를 반대로 뒤집음 | 변경된 원본 배열을 반환 | |
.fill | mutator | 인수로 배열의 모든 값을 채움 | 변경된 원본 배열을 반환 | (채울 값, start, end) |
.includes | accessor | 특정 요소가 있는지 확인 | true, false 반환 | (검색 값, start) |
.flat | mutator | 인수값만큼 평탄화(대괄호 벗기기) | 변경된 원본 배열을 반환 | (평탄화 깊이) Infinity를 전달하면 중첩배열을 모두 평탄화시킴 |
배열 고차 함수
300x250
Array.prototype | 분류 | 내용 | 반환값 | 비고 |
.sort | mutator | 요소를 정렬 | 변경된 원본 배열 | 기본 = 오름차순 비교함수의 반환값<0 : 첫번째 인수 우선 정렬 비교함수의 반환값 = : 정렬하지 않음 비교함수의 반환값>0 : 두번째 인수 우선 정렬 |
.forEach | accessor | 요소별 반복적 코드블럭 실행 | undefined | (콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) for 문에 비해 성능이 안좋음 |
.map | accessor | 요소별 반복적 코드블럭 실행 | 콜백 함수의 반환값들로 구성된 새로운 배열 반환 | (콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) |
.filter | accessor | 요소별 반복적 코드블럭 실행 | 콜백 함수의 반환값이 true인 요소들로 구성된 새로운 배열 반환 | (콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) |
.reduce | accessor | 요소별 반복적 코드블럭 실행 | 콜백 함수의 반환값을 다음 순회시 콜백 함수의 첫 번째 인수로 전달하여 최종적으로 하나의 결과값을 반환 | (콜백 함수(초기값 또는 이전 순회시 콜백 함수의 반환값, 요소값,인덱스,this), 초기값) |
.some | accessor | 요소별 반복적 코드블럭 실행 | 콜백 함수의 반환값이 true인 경우가 존재하면 true, 모두 false이면 false를 반환 | (콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) |
.every | accessor | 요소별 반복적 코드블럭 실행 | 콜백 함수의 반환값이 모두 true이면 true, false인 경우가 존재하면 false를 반환 | (콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) |
.find | accessor | 요소별 반복적 코드블럭 실행 | 콜백 함수의 반환값이 true인 첫 번째 요소를 반환 | (콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) filter는 배열을 반환하지만, find는 요소값 자체를 반환함 |
.findIndex | accessor | 요소별 반복적 코드블럭 실행 | 콜백 함수의 반환값이 true인 첫 번째 요소의 인덱스를 반환 | (콜백함수(요소값, 인덱스, this),콜백함수에서 this로 쓸 객체) |
.flatMap | accessor | 선map 실행, 후 flat 실행 | 새로운 배열을 반환 | 1단계만 평탄화가능 |
728x90
반응형
'Learning-Log > Computer Science' 카테고리의 다른 글
[WSL2] 폴더를 VSCode로 여는 방법 3가지와 각 경우의 폴더 경로 (0) | 2022.06.14 |
---|---|
[Git] 주니어 개발자가 되기 위해 알아야 할 Git의 모든 것 - (1) (0) | 2022.06.13 |
[JS/반복문] 반복문 및 반복문을 대체할 수 있는 기능 6가지 총 정리 : for 문, while 문, do ... while 문, forEach 메서드, for ... in 문, for ... of 문 (0) | 2022.06.13 |
[JS/함수] 함수의 유형 (1) - 즉시 실행 함수 (0) | 2022.06.07 |
[JS/함수] 화살표 함수 1분만에 이해하기 : 함수(Function)을 정의하는 4가지 방법 (0) | 2022.06.07 |