findIndex 함수

findIndex 함수

1. findIndex( ) 함수

 - 배열 내에서 주어진 조건을 만족하는 첫 번째 요소의 인덱스를 찾는 데 사용되는 배열 메서드

 - 콜백 함수를 이용하여 요소를 검색하며, 조건을 만족하는 요소를 찾으면, 해당 요소의 인덱스를 반환

    ※ 조건을 만족하는 요소가 없을 시, -1을 반환

 

2. 예시

const todos = [
  {
    id:10,
    content:"운동",
  },
  {
    id:5,
    content:"목욕",
  },
  {
    id:2,
    content:"공부",
  },
];

function removeTodo(deleteIndex) {
  // index가 deleteIndex와 다른 것 들만 반환
  return todos.filter((_, index) => index != deleteIndex);
}

function removeTodoById(deleteId) {
  // id가 deleteId와 같을 시, 그 값을 반환함
  const deleteIndex = todos.findIndex((todo) => todo.id == deleteId);
  
  return removeTodo(deleteIndex);
}

console.log('== id가 5인 할 일 제거 ==');
console.log(removeTodoById(5));

console.log('== id가 10인 할 일 제거 ==');
console.log(removeTodoById(10));

'Front-End Study > JavaScript' 카테고리의 다른 글

Callback 함수  (0) 2023.10.24
localStorage  (0) 2023.09.04
fill 함수  (0) 2023.08.11
every 함수  (0) 2023.08.11
filter 함수  (0) 2023.08.09