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 결과 }, 초깃값);

 

 

 

'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