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

ES6/ES2015에서 Alias를 사용한 구조 분해

객체 분해는 ES6/ES2015의 강력한 기능으로, 객체에서 값을 추출하고 변수에 할당하십시오. 그러나 때로는 구조 분해 중에 대상 변수의 이름을 바꾸고 싶을 수도 있습니다.

대상 변수 이름 바꾸기

귀하의 예에서는 as 구문을 사용하여 대상의 이름을 바꾸려고 했습니다. const {a, b as c} = test;와 같은 변수이지만 이 구문은 ES6/ES2015에서는 유효하지 않습니다.

객체 구조 분해 중에 대상 변수의 이름을 바꾸려면 다음과 같이 간단히 새 변수 이름을 할당하면 됩니다. MDN 예:

<code class="javascript">var o = { p: 42, q: true };

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

console.log(foo); // 42
console.log(bar); // true</code>

이 예에서는 o 객체를 분해하고 p 속성 값을 foo 변수에 할당하고 q 속성 값을 bar 변수에 할당합니다. o 객체의 p 및 q 속성은 수정되지 않습니다.

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