배열.indexOf(배열의 요소);
로 해당 배열의 인덱스 값을 알아낼 수 있다.
const superheroes = ['아이언맨','캡틴 아메리카','토르','닥터 스트레인지'];
const index = superheroes.indexOf('토르');
console.log(index);
// 결과로 2
find()는 찾은 값 자체를 반환하고
findIndex()는 찾은 값의 인덱스 번호를 반환한다.
const todos = [
{
id: 1,
text: '자바스크립트 입문',
done: true,
},
{
id: 2,
text: '함수 배우기',
done: true,
},
{
id: 3,
text: '객체와 배열 배우기',
done: true,
},
{
id: 4,
text: '배열 내장함수 배우기',
done: false
}
]
// 인덱스가 몇번째인지 알려주는 findIndex()
const index = todos.findIndex(todo=> todo.id === 3)
console.log(index); // 결과는 2
//가장 첫번째로 찾은 항목을 알려줌
const todo = todos.find(todo => todo.done === true)
console.log(todo);
728x90
반응형
'Language > JavaScript' 카테고리의 다른 글
자바스크립트-splice함수와 slice함수 (0) | 2021.04.16 |
---|---|
자바스크립트- filter함수 (0) | 2021.04.16 |
자바스크립트- Map함수 이용하기 (0) | 2021.04.16 |
자바 스크립트 for each문 (0) | 2021.04.16 |
자바스크립트 - 객체의 속성과 값 표현하는 법 (0) | 2021.04.15 |