[TIL] 22.08.04

1. indexOf()와 findIndex()의 차이
2. 구조분해 할당

💡 indexOf()와 findIndex()의 차이

indexOf()의 속도가 더 빠르다.

indexOf()

• 일반 배열일 때 사용

배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다.

findIndex()

• 객체의 배열일 때 사용

주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다.

💡 구조분해 할당

• 객체 디스트럭처링 할당을 위한 변수에 기본값을 설정할 수 있다.

const { firstName = 'Code', lastName } = { lastName: 'Kim' };
console.log( firstName, lastName); // Code Kim

const { firstName: fn = 'Code', lastName: ln } = { lastName: 'Kim' };
console.log( fn, ln); // Code Kim

• 배열의 요소가 객체인 경우 배열 디스트럭처링 할당과 객체 디스트럭처링 할당을 혼용할 수 있다.

const todos = [
  { id: 1, content: 'HTML', completed: true },
  { id: 2, content: 'CSS', completed: false },
  { id: 3, content: 'JS', completed: false },
];

// todos 배열의 두 번째 요소인 객체로부터 id 프로퍼티만 추출한다.
const [, { id }] = todos;
console.log(id); // 2