배열 구조 분해 할당
Coddy JavaScript 여정의 논리 & 흐름 섹션에 포함된 레슨 — 65개 중 47번째.
배열 구조 분해 할당은 배열에서 여러 값을 추출하여 단일 문에서 변수에 할당하는 편리한 방법입니다. 이는 배열 리터럴의 구조를 반영하는 구문을 사용합니다.
기본 구문:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3요소를 건너뛸 수 있습니다:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3나머지 매개변수(rest parameters)를 사용하여 나머지 요소들을 가져올 수 있습니다:
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]기본값을 제공할 수 있습니다:
const [a, b, c = 3] = [1, 2];
console.log(c); // 3
챌린지
쉬움배열을 인자로 받는 analyzeArray라는 함수를 만드세요. 이 함수는 배열 구조 분해 할당을 사용하여 배열의 첫 번째, 두 번째, 그리고 마지막 요소를 추출해야 합니다. 다음 속성을 가진 객체를 반환해야 합니다:
first: 배열의 첫 번째 요소second: 배열의 두 번째 요소last: 배열의 마지막 요소restLength: 배열에 남은 요소의 개수
이러한 요소 중 어느 하나라도 존재하지 않으면, 기본값으로 null을 사용하세요.
치트 시트
배열 구조 분해 할당(Array destructuring)은 배열에서 여러 값을 추출하여 단일 문에서 변수에 할당합니다:
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3빈 공간을 남겨두어 요소를 건너뛸 수 있습니다:
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3나머지 매개변수(rest parameters)를 사용하여 나머지 요소들을 가져올 수 있습니다:
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]누락된 요소에 대해 기본값을 제공할 수 있습니다:
const [a, b, c = 3] = [1, 2];
console.log(c); // 3직접 해보기
function analyzeArray(arr) {
// 여기에 코드를 작성하세요
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
