JavaScript ES6에서 속성을 기존 객체로 분해하는 방법은 무엇입니까?

JavaScript ES6에서 기존 객체로 구조 분해

ES6에서는 구조 분해를 통해 한 객체의 속성을 다른 객체에 할당할 수 있습니다. 그러나 새 객체를 생성하는 대신 기존 객체에 속성을 전송하려는 시나리오가 발생할 수 있습니다.

질문:

어떻게 속성을 분해할 수 있습니까? 한 객체(예: foo)에서 다른 객체(예: oof)로 값을 전송하는 것과 같은 JavaScript ES6의 기존 객체인가요?

답변:

명시적이지는 않지만 ES6 구조 분해 구문에서 지원되므로 원하는 결과를 얻는 대체 접근 방식이 있습니다.

<code class="javascript">({x: oof.x, y: oof.y} = foo);</code>

구조 분해 할당을 괄호로 묶고 oof의 기존 속성을 키로 사용하면 foo에서 값을 읽을 수 있습니다. oof의 해당 키에 씁니다. 그러나 이 접근 방식은 일부 대안만큼 간결하거나 우아하지 않습니다.

• 직접 할당:

<code class="javascript">oof.x = foo.x;
oof.y = foo.y;</code>

• 배열 기반 루프:

<code class="javascript">['x', 'y'].forEach(prop =&gt; oof[prop] = foo[prop]);</code>

결국 접근 방식의 선택은 개인 취향과 특정 사용 사례에 따라 다릅니다.

위 내용은 JavaScript ES6에서 속성을 기존 객체로 분해하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!