ES6/ES2015에서 구조 분해 중에 대상 변수의 이름을 바꾸는 방법은 무엇입니까?

ES6/ES2015에서 대상 변수 이름 변경을 사용한 객체 구조 분해

객체 분해는 객체에서 속성을 추출하는 간결하고 편리한 방법입니다. 하지만 구조 분해 중에 대상 변수의 이름을 바꾸고 싶다면 어떻게 해야 할까요? 이 기사에서는 ES6/ES2015에서 이를 달성하는 방법을 살펴보겠습니다.

대상 변수 이름 바꾸기

ES6/ES2015에 도입된 as 키워드를 사용하면 다음을 수행할 수 있습니다. 구조화되지 않은 속성에 새 이름을 할당합니다. 이렇게 하면 대상 변수의 이름이 효과적으로 변경됩니다.

const test = { a: 1, b: 2 };
const {a, b: c} = test;

console.log(a); // 1
console.log(c); // 2

이 예에서는 b 속성이 구조 해제되고 as 키워드를 사용하여 c 변수에 할당됩니다. 결과적으로, b 속성을 참조하는 대상 변수는 이제 c입니다.

MDN 예제

MDN(Mozilla Developer Network)은 대상 변수를 사용한 객체 구조 분해의 또 다른 명확한 예를 제공합니다. 이름 변경:

var o = { p: 42, q: true };

// Assign new variable names
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true

이 예에서는 as 키워드를 사용하여 p 및 q 속성이 각각 새 변수 이름 foo 및 bar에 할당됩니다.

위 내용은 ES6/ES2015에서 구조 분해 중에 대상 변수의 이름을 바꾸는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!