JavaScript ES6에서 기존 객체의 값을 분해할 수 있습니까?

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

JavaScript ES6에서 구조 분해를 사용하면 객체와 배열의 값을 변수로 간결하게 추출할 수 있습니다. 그러나 많은 개발자는 구조 분해 구문을 사용하여 기존 객체에 값을 전송하려고 합니다.

다음 시나리오를 고려해보세요.

<br>var foo = {<br> x: "bar ",<br> y: "baz"<br>};<br>var oof = {};<br>

x 및 y 값을 foo에서 다음으로 전송하려고 합니다. oof는 ES6 구조 분해를 통해 이루어집니다. ES6는 이 동작을 명시적으로 지원하지 않지만 해결 방법이 있습니다.

({x: oof.x, y: oof.y} = foo);

이 코드는 foo에서 x 및 y 값을 읽고 oof의 해당 위치에 씁니다. 그러나 가장 우아한 솔루션은 아닙니다. 다른 대안은 다음과 같습니다.

oof.x = foo.x;
oof.y = foo.y;

또는:

['x', 'y'].forEach(prop => oof[prop] = foo[prop]);

더 장황하지만 일반적으로 이러한 대안은 구조 분해 해결 방법보다 더 읽기 쉬운 것으로 간주됩니다.

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