>웹 프론트엔드 >JS 튜토리얼 >ES6 Destructuring을 사용하여 객체 값을 전송할 수 있습니까?

ES6 Destructuring을 사용하여 객체 값을 전송할 수 있습니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-11-01 04:56:02524검색

 Can You Transfer Object Values with ES6 Destructuring?

ES6 Destructuring: 객체 간 값 전송

이 질문은 ES6 Destructuring 구문을 사용하여 기존 객체 간에 값을 전송할 가능성을 조사합니다. 시나리오를 더 잘 이해하기 위해 foo와 oof라는 두 개의 개체가 있다고 가정해 보겠습니다. 여기서 foo는 x와 y 속성을 포함하고 oof는 처음에는 비어 있습니다.

질문이 생깁니다. foo의 속성을 할당하기 위해 구조 분해를 활용할 수 있습니까? oof 가상 구문 oof{x,y} = foo?

제안된 구문이 유효하지 않지만 대체 접근 방식이 있습니다.

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

이 표현식은 x를 효과적으로 읽습니다. foo의 y 값을 가져와서 oof의 해당 속성에 씁니다. 그러나 이 접근 방식은 다소 반복적일 수 있으며 전송할 속성이 많은 경우에는 적합하지 않다는 점에 유의하는 것이 중요합니다.

또는 더 간결한 솔루션은 다음과 같습니다.

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

이 방법은 속성 이름 배열을 반복하여 각 속성에 대해 foo에서 oof까지 해당 값을 할당합니다.

위 내용은 ES6 Destructuring을 사용하여 객체 값을 전송할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.