본문 바로가기

자바스크립트

[javascript] find() , findIndex();

반응형

Array.prototype.find(callback)

callback 함수 내에서 구현된 조건을 만족하는 최초의 요소를 반환, 중복되는 요소가 있으면 뒤의 요소를 무시한다.

만일 조건과 일치하는 요소가 없으면 undefined 를 반환한다.

 

const users =[
    {username:"고기좋아"},
    {username:"술좋아"},
    {username:"야채싫어"},
    {username:"야채싫어"}
];

const find = users.find(user => user.username ==="야채싫어");
console.log(find); //  {username:"야채싫어"}

 

Array.prototype.findIndex(callback)

find 메서드와 마찬가지로 콜백함수 내 조건을 만족하는 요소를 찾는다. 다만, 해당 요소 대신 그 요소의 인덱스를 반환한다.

const users =[
    {username:"고기좋아"}, // 0
    {username:"술좋아"},   // 1
    {username:"야채싫어"}, // 2 ←
    {username:"야채싫어"}  // 3
];

const find = users.findIndex(user =>user.username ==="야채싫어");
console.log(find); // 2

 

반응형