JS 배열 내장함수, findIndex
7132 단어 JavaScriptJavaScript
findIndex
findIndex()는 함수(callback)를 만족하는 배열의 첫번째 인덱스를 반환한다.
findIndex()는 함수(callback)를 만족하는 배열의 첫번째 인덱스를 반환한다.
callback(element, index, array)
- element - 배열에서 처리중인 요소
- index - 처리중인 요소의 인덱스
- array - 함수가 호출된 배열
예시
const colors = [
{
id: 1,
name: "red"
},
{
id: 2,
name: "blue"
},
{
id: 3,
name: "black"
}
]
const result = colors.findIndex((color, index, arr) => {
console.log(color)
console.log(index)
console.log(arr)
console.log('==================')
return color.id === 2
})
console.log(result)
// 결과
{ id: 1, name: 'red' }
0
[
{ id: 1, name: 'red' },
{ id: 2, name: 'blue' },
{ id: 3, name: 'black' }
]
==================
{ id: 2, name: 'blue' }
1
[
{ id: 1, name: 'red' },
{ id: 2, name: 'blue' },
{ id: 3, name: 'black' }
]
==================
1
결과와 같이 현재요소, 현재 인덱스, 검사하는 배열을 호출한다.
또한 id가 2인 것을 발견을 하고 바로 1을 리턴해준다.
그래서 id가 3인 객체는 console로 보여주지 않다.
만약 찾는 요소의 인덱스 번호가 아닌 값(객체)을 알고 싶으면 find함수를 이용하여 된다.
실패값
찾는 요소가 없는 경우 -1을 반환해준다.
Author And Source
이 문제에 관하여(JS 배열 내장함수, findIndex), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ahngh/JS-배열-내장함수-findIndex저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)