배열 구조 분해 할당

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

나머지 요소를 캡처하기 위해 나머지 매개변수를 사용할 수 있습니다:

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: 두 번째 요소 뒤에 오는 요소 중 마지막 요소 (배열에 요소가 두 개 이하인 경우 null)
restLength: 두 번째 요소와 last 사이에 있는 요소의 개수 (last를 제외한 ...rest 배열의 길이)

이러한 요소 중 존재하지 않는 것이 있다면 기본값으로 null을 사용하세요. 예를 들어 [1, 2, 3, 4, 5]의 결과는 { first: 1, second: 2, last: 5, restLength: 2 }이고, [42]의 결과는 { first: 42, second: null, last: null, restLength: 0 }입니다.

직접 해보기

function analyzeArray(arr) {
  // 여기에 코드를 작성하세요
}

실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

논리 & 흐름의 모든 레슨

직접 연습해 보세요: 온라인 JavaScript 컴파일러