indexOf /find /findIndex

김한솔·2022년 10월 30일
0

비슷해보이면서 다른 함수들을 정리해보려고 한다.

indexOf와 findIndex의 경우 찾는 것의 Index를 반환한다는 점에서는 같지만
indexOf는 배열안에 객체들이 있는 경우라든지 값 자체가 아닌 특정 조건을 통해 찾는 것이 불가능하다.

const array = [
  {id:1,
  name:"name1"
  },
  {id:2,
  name:"name2"
  },
]
array.findIndex(el => el.id === 2) // 1
array.find(el => el.id ===2) // {id:2, name:"name2"}

위와 같은 배열이 있다고 할 때 findIndex를 사용하면 id가 2인 객체의 index를 찾을 수 있다.

마지막으로 find함수의 경우 index가 아닌 값 자체를 반환한다.

또한 세 함수 모두 찾는 요소를 발견하면 그 즉시 해당 인덱스나 값을 반환하고 메서드를 종료한다.

profile
개린이입니다.

0개의 댓글