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

ES6/ES2015에서 변수 이름 변경을 통한 객체 구조 분해

JavaScript에서 객체 구조 분해를 사용하면 객체의 속성을 변수로 편리하게 추출할 수 있습니다. 그러나 구조 분해 중에 이러한 변수의 이름을 바꾸고 싶다면 어떻게 해야 할까요?

질문에서 강조된 c와 같은 잘못된 구문 b 대신, ES6/ES2015에서는 대상 변수의 이름을 바꾸는 적절한 방법을 제공합니다. 다음 구문을 사용하여 새 변수 이름을 직접 할당할 수 있습니다.

<code class="js">const {oldName: newName} = object;</code>

예를 들어 원래 코드:

<code class="js">const b = 6;
const test = { a: 1, b: 2 };
const {a, b as c} = test; // Incorrect</code>

는 다음과 같이 올바르게 다시 작성할 수 있습니다.

<code class="js">const {a, b: c} = test; // Rename b to c</code>

이후 변수는 다음과 같이 할당됩니다.

<code class="js">a === 1
b === 6 // Original value unchanged
c === 2</code>

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