indexOf(), findIndex(), find()의 차이점

indexOf()

• 배열 안에 몇번째 인덱스인지 반환한다

const superheroes = ['아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지'];

const index = superheroes.indexOf('토르');
console.log(index); // 결과값: 2

findIndex()

• 배열 안에 내용물이 객체일때
• 존재하면 그 객체가 배열 안에서 몇번째에 있는지 number 반환
• 없다면 -1 반환

const todos = [
{
    id : 1,
    text : '빨래',
    done: true
  },
  {
    id: 2,
    text: '숙제',
    done: true
  },
  {
    id : 3,
    text: '개밥주기',
    done: false
  }
];

const index2 = todos.findIndex(todo => todo.id === 1);
console.log(index2); // 결과값: 0

find()

• 주어진 조건에 해당하는 내용물을 통째로 반환한다

const todos = [
{
    id : 1,
    text : '빨래',
    done: true
  },
  {
    id: 2,
    text: '숙제',
    done: true
  },
  {
    id : 3,
    text: '개밥주기',
    done: false
  }
];

const index2 = todos.find(todo => todo.id === 1);
console.log(index2); 
// 결과값: Object { id: 1, text:'빨래', done: true }