JS (Java Script)

.find() .findIndex( ) .filter()

GABOJOK 2023. 8. 31. 15:31

.find( )  

콜백함수의 return 값을 true로 만드는 단 하나의 요소 찾아서 내줌

 
 
예시)
let result = arr.find(function(item, index, array) {
 
     // true가 반환되면 반복이 멈추고 해당 요소를 반환합니다.
 
     // 조건에 해당하는 요소가 없으면 undefined를 반환합니다.
 
});

 

(item => item.id == 1). 이런 패턴이 가장 많이 사용되는 편입니다. 다른 인자들(index, array)은 잘 사용되지 않습니다.

 

.findIndex( )  

조건을 만족하는 첫번째 요소의 index 반환한다.  없으면 -1 반환.

 

 

 

.filter()

조건을 만족하는 모든 요소를 담을 새로운 배열 반환. 

 
let results = arr.filter(function(item, index, array) {
 
     // 조건을 충족하는 요소는 results에 순차적으로 더해집니다.
 
     // 조건을 충족하는 요소가 하나도 없으면 빈 배열이 반환됩니다.
 
});