자바스크립트 메소드

__dict__ | exp | JavaScript | sin | to_dict

Michael Zippo

JavaScript에는 이러한 객체를 조작하는 데 사용할 수 있는 모든 종류의 메서드가 있는 Object 클래스가 있습니다. 이 기사에서는 Object.assign() 메서드를 살펴보고 어떻게 사용되는지 보여드리겠습니다.

객체는 JavaScript의 데이터 유형이며, 키:값 쌍이라고 하는 Python 사전. 물건이 있다고 가정해 봅시다. Harry라고 합시다. 다음과 유사한 키: 값 쌍을 가질 수 있습니다.

이 상황에서 테마의 경험 법칙은 콜론 왼쪽에 있는 속성의 이름이 키이고 오른쪽에 있는 것이 값이라는 것입니다. 대부분의 키와 값은 매우 간단합니다. 약간 위험할 수 있는 유일한 속성은 마지막 속성인 애완 동물입니다. 애완 동물은 항상 여기에서 열쇠입니다. 그러나 값은 두 개의 다른 키 쌍인 값이 있는 개체입니다. 이것이 우리가 중첩 객체라고 부르는 것입니다.

Object.assign (target,‚Ä¶ sourceObjs);

assign() 하나 이상의 소스 개체를 가져와 대상 개체에 복사하는 데 사용할 수 있습니다. 코드로 바로 이동하여 어떤 기능을 하는지 살펴보겠습니다.

코드를 함께 공개합시다. hpChar라는 리터럴 개체부터 시작하겠습니다. 이 hpChar에는 이름, 성, 나이, 주소 및 애완동물이 있습니다. 이 애완 동물 속성은 개체 자체이며 자체적으로 몇 가지 키와 값을 가지고 있습니다.

다음으로, 여기에서 이야기할 메서드의 첫 번째 인스턴스가 있습니다. Object.assign은 둘 이상의 매개변수를 허용합니다. 첫 번째는 항상 값을 할당하려는 대상 개체입니다. 이 경우에는 빈 개체입니다.

두 번째 매개변수는 위에서 정의한 개체입니다. 이것은 대상 개체(첫 번째 매개변수)에 할당하기 위해 사용할 소스 자료입니다.

다음 줄은 결과를 콘솔에 저장합니다.

별로 다르지 않죠? 이는 빈 개체에 hpChar를 할당했기 때문입니다. 기본적으로 개체를 복제했습니다. 다시 수행해야 하지만 특정 값을 변경하면 어떻게 될까요? 이번에는 빈 개체 대신 hpChar 개체로 교체해 보겠습니다. 이것이 이번에는 우리의 목표입니다. 두 번째 매개변수의 일부 값을 변경해 보겠습니다. 동일한 키를 유지하는 한 주저하지 말고 값을 사용하십시오.

다음은 대체할 값입니다. 대상 개체의 값이 변경되지 않는 경우 소스 개체에서 해당 값을 명시적으로 가져올 필요가 없습니다.

두 번째로 결과를 콘솔에 저장했을 때 콘솔은 대상 개체를 반환하여 속성을 새 값으로 덮어씁니다. 이제 콘솔은 다음과 같습니다.

동일한 속성을 가진 두 개체를 연결하는 것입니다. 속성이 다른 세 개의 객체를 병합하면 어떻게 될까요? 어떤 일이 일어나기를 바라나요?

Obj1은 우리의 obj 타겟입니다. Obj2 및 obj3은 소스 개체입니다. 이것들은 우리의 대상 개체에 병합됩니다. 속성이 겹치지 않으므로 모든 속성은 각각의 값과 함께 obj1에 병합됩니다.

자! Object.assign()의 작업 구현. 여기에서 개념을 이해하면 JavaScript 프레임워크를 배우는 데 한 걸음 더 다가간 것입니다!