변수 선언에서 중괄호의 비밀 공개

구문 var { ... } = ..., JavaScript에서 자주 사용됨 애드온 SDK 문서와 Chrome Javascript는 처음에는 당황스러워 보일 수 있습니다. 그러나 이는 구조 분해 할당이라는 강력한 기능을 나타냅니다.

구조 분해 할당을 사용하면 개체 및 배열에서 효율적인 값을 추출하여 개체 및 배열 리터럴 구문을 사용하여 새로 선언된 변수에 할당할 수 있습니다. 다음 예를 고려하십시오.

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;

이 코드는 ascii 객체에서 특정 속성(a, b, c)을 효과적으로 추출하고 각 속성에 대한 개별 변수를 생성합니다. 이 접근 방식은 코드를 간소화하여 다음과 같은 반복 할당의 필요성을 제거합니다.

var a = ascii.a;
var b = ascii.b;
var c = ascii.c;

마찬가지로 아래 그림과 같이 배열에 대한 구조 분해 할당을 활용할 수 있습니다.

var ascii = [97, 98, 99];

var [a, b, c] = ascii;

이 코드는 다음과 동일합니다.

var a = ascii[0];
var b = ascii[1];
var c = ascii[2];

또한 구조 분해 할당을 사용하면 추출 중에 속성 이름을 바꿀 수 있습니다. 예를 들면:

var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;

이 코드는 ascii 개체의 a, b 및 c 속성에 해당하는 값을 사용하여 변수 A, B 및 C를 생성합니다.