구조 분해 할당에서 중괄호의 목적은 무엇입니까?

구조 분해 할당의 중괄호 이해

소개

JavaScript에서는 변수를 자주 접하게 됩니다. 중괄호를 사용하여 선언됩니다. 구조 분해 할당이라고 알려진 이 구문은 추가 기능 SDK 문서와 Chrome JavaScript에서 흔히 볼 수 있습니다.

구조 분해 할당

구조 분해 할당은 다음을 가능하게 하는 구문 설탕입니다. 객체와 배열에서 값을 추출하여 새로 선언된 변수에 할당합니다. 객체 및 배열 리터럴 구문을 활용하여 코드를 더욱 간결하게 만듭니다.

객체의 예

다음 객체를 고려하세요.

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

사용 구조 분해 할당을 수행하면 다음과 같이 값을 추출하여 새 변수에 할당할 수 있습니다.

var {a, b, c} = ascii;

이 구문은 다음과 동일합니다.

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;

이것은 다음과 동일합니다:

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

var A = ascii.a;
var B = ascii.b;
var C = ascii.c;

결론

구조 분해 할당은 다음과 같은 강력한 도구입니다. 보다 간결하고 읽기 쉬운 코드를 작성하는 데 도움이 됩니다. 구조 분해 할당의 중괄호를 이해하면 중첩된 데이터 구조에서 값을 쉽게 추출하고 할당할 수 있습니다.

위 내용은 구조 분해 할당에서 중괄호의 목적은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!