1. filter
특정 조건을 만족하는 새로운 배열을 필요로 할 때 사용
const numbers = [1,2,3,4,5,6];
const result = numbers.filter(number => number>3);
console.log(numbers);
//[1,2,3,4,5,6]
console.log(result);
//[4,5,6]
2. splice
const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
// inserts at index 1
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "June"]
months.splice(4, 1, 'May');
// replaces 1 element at index 4
console.log(months);
// expected output: Array ["Jan", "Feb", "March", "April", "May"]
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
//start : 배열의 변경을 시작할 인덱스 배열의 길이보다 큰 값이라면 실제 시작 인덱스는 배열의 길이로 설정
//deleteCount : 배열에서 제거할 요소의 수 deleteCount를 생략하거나 array.length - start보다 크면 start부터의 모든 요소를 제거한다.
// deleteCount가 0이라면 어떤 요소도 제거하지 않는다. 이 때는 최소한 하나의 새로운 요소를 지정해야 한다.
//item1, item2,.. : 배열에 추가할 요소, 아무 요소도 지정하지 않으면 splice()는 요소를 제거하기만 한다.
3. find
인자로 받은 판별함수를 만족하는 첫 번째 요소(element)를 반환
4.findIndex
인자로 받은 판별함수를 만족하는 첫 번째 식별자(index)를 반환
5. map
배열.map((요소, 인덱스, 배열) => { return 요소 });
반복문을 돌며 배열 안의 요소들을 1:1로 짝지어 주는 것이다.
map을 실행하는 배열과 결과로 나오는 배열이 다른 객체이다.
6. reduce
배열.reduce((누적값, 현잿값, 인덱스, 요소) => { return 결과 }, 초깃값);
'Front-end > JavaScript Language' 카테고리의 다른 글
yarn.lock & package-lock.json (0) | 2022.04.09 |
---|---|
Console.log() (0) | 2022.02.19 |
var, let, const 변수 선언 차이 (0) | 2021.09.24 |
LocalStorage, SessionStorage, Cookie -Jwt (0) | 2021.08.28 |
location.href vs. location.replace() (0) | 2021.06.02 |