002_indexOf() 와 findIndex()

바쁜 분들을 위한 결론

• indexOf()는 배열의 특정 값을 입력하면 그 값이 몇번째인지 알려주는 함수이다.
• 단, 배열 속 객체에 적용을 하면 -1(일치하는 값 없음) 이 출력된다.
• 이럴 때 findIndex()를 사용하면 배열 속 객체를 검색해 그 객체가 몇번째인지 알려준다.

예제

// indexOf()

const alphabet = ['a', 'b', 'c', 'd', 'e', 'f'];

const index = alphabet.indexOf('c');

console.log(index);

// 2

// findIndex()

const todos = [
	{
    id = 1,
    todo = '빨래하기',
    finished = true
    },
    {
    id = 2,
    todo = '자바스크립트 공부하기',
    finished = true
    },
    {
    id = 3,
    todo = '복습하기',
    finished = false
    },
    {
    id = 4,
    todo = '일찍 자기',
    finished = false
    }
];

const index = todos.findIndex(todo => todo.id === 3);

console.log(index);

// 2

• 이처럼 indexOf는 배열의 요소를 입력하면 그 요소가 배열의 몇번째인지를 알려준다. 단, indexOf는 객체를 검색할 수 없기 때문에 그럴 때 findIndex를 사용하면 객체의 위치를 확인할 수 있다.

 

✍🏻   부족한만큼 틀린 정보가 담겨있을 수 있습니다.  틀린 부분이 있다면 언제든 댓글로 이야기해주세요!