[Javascript] find, findIndex 함수

find, findIndex 함수는 조건을 만족하는 배열 요소의 값 또는 인덱스를 찾기 위해서 사용되는 함수이다.

find()

배열의 요소를 순차적으로 순회하면서 조건에 일치하는 요소의 값을 즉시 반환함

만약 일치하는 경우가 없다면, underfined를 반환함

 

구문

arr.find(callback[, thisArg])

arr.find( 현재값 => 조건 )

 

매개변수

callback : 함수

element : 현재값

index : 인덱스

 

findIndex()

배열의 요소를 순차적으로 순회하면서 조건에 일치하는 요소의 인덱스를 즉시 반환함

만약 일치하는 경우가 없다면, -1를 반환함

 

 const arr1  = [ 10,20,30,40,50]
         const data = [
              {id:1, name:'홍길동'},
              {id:2, name:'강호동'},
              {id:3, name:'김철수'},
              {id:4, name:'김을동'},
              {id:5, name:'김태리'},
          ]

          const arr2  = arr1.find( item => {
              return item  > 30  
          })
          console.log( arr2 )

          const arr3 = arr1.find( item => item === 40 )
          console.log( arr3 )

          const arr4 = arr1.findIndex( item => item === 30) 
          console.log( arr4 )

          const data1  = data.find( item => item.id === 1) 
          const data2  = data.find( item => {
              return item.id === 2
          }) 
          console.log( data1 )

 

 

<참고>

filter mdn 

Array.prototype.filter() - JavaScript | MDN (mozilla.org)

Array.prototype.filter() - JavaScript | MDN

 

filterIndex mdn

Array.prototype.findIndex() - JavaScript | MDN (mozilla.org)

Array.prototype.findIndex() - JavaScript | MDN