[TIL] 22.08.04

Lily·2022년 8월 4일
0

TIL

목록 보기
8/13
post-thumbnail
  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

0개의 댓글