Front-end/JavaScript Language
여러 함수(Filter, Splice, FindIndex, Find...)
prden
2021. 10. 17. 22:20
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 결과 }, 초깃값);