logo

TechCodeview

JavaScript 객체 할당() 메서드

그만큼 객체.할당() 메서드 하나 이상의 원본 개체에서 대상 개체로 값과 속성을 복사하는 데 사용됩니다. 소스에서는 [[Get]]과 대상에서는 [[Set]]을 모두 사용하므로 getter 및 setter를 호출합니다.

통사론: 

Object.assign(target, ...sources);>

매개변수:

  • 표적 : 값과 속성을 복사해야 할 대상 객체입니다.
  • 출처 : 값과 속성을 복사해야 하는 원본 개체입니다.

반환 값:

객체.할당() 대상 객체를 반환합니다.



예시 1: 이 예에서는 객체 obj1의 속성, 즉 { a: 10 }이 대상 객체 new_obj에 복사됩니다.

자바스크립트








// creating an object constructor> // and assigning values to it> const obj1 = { a: 1 };> // creating a target object and copying values and> // properties to it using object.assign() method> // Here, obj1 is the source object> const new_obj = Object.assign({}, obj1);> // Displaying the target object> console.log(new_obj);>

우선순위 큐 C++ 

>

>

산출: 

Object { a: 1 }>

예 2: 이 예에서는 세 가지 소스 개체 obj1, obj2, obj3의 속성이 대상 개체 new_obj에 복사됩니다. 이전 객체에 존재했던 기존 키-값 쌍의 값을 덮어쓰게 됩니다. 예를 들어 값이 10인 obj1.b는 이제 값이 20인 obj2.b로 덮어쓰여집니다.

자바스크립트




// creating 3 object constructors and assigning values to it> let obj1 = { a: 10 };> let obj2 = { b: 20 };> let obj3 = { c: 30 };> // Creating a target object and copying values> // and properties to it using object.assign() method> let new_obj = Object.assign({}, obj1, obj2, obj3);> // Displaying the target object> console.log(new_obj);>

자바의 for 루프 
>

>

출력 : 

Object { a: 10, b: 20, c: 30 }>

예시 3: 이 예에서는 세 가지 소스 개체 obj1, obj2, obj3의 속성이 대상 개체 new_obj에 복사되고 대상 개체는 덮어쓴 값을 가져옵니다.

자바스크립트




// Creating 3 object constructors and assigning values to it> let obj1 = { a: 10, b: 10, c: 10 };> let obj2 = { b: 20, c: 20 };> let obj3 = { c: 30 };> // Creating a target object and copying values and> // properties to it using object.assign() method> let new_obj = Object.assign({}, obj1, obj2, obj3);> // Displaying the target object> console.log(new_obj);> 

>

리눅스에서 폴더 이름 바꾸기 
>

산출: 

Object { a: 10, b: 20, c: 30 }>

설명:

위 코드에서 속성은 나중에 동일한 매개변수 순서로 동일한 속성을 갖는 다른 객체로 덮어쓰여집니다.

신청:

  • 객체.할당() 객체를 복제하고 동일한 속성을 가진 객체를 병합하는 데 사용됩니다.

오류 및 예외 :

  • 속성이 쓰기 불가능하면 TypeError가 발생합니다.
  • 오류가 발생하기 전에 속성을 추가한 경우에만 대상 개체를 변경할 수 있습니다.
  • 객체.할당() null 또는 정의되지 않은 소스 값을 발생시키지 않습니다.

JavaScript 개체 메서드의 전체 목록이 있습니다. 이를 확인하려면 다음을 수행하세요. JavaScript 객체 전체 참조 기사.

지원되는 브라우저:

  • 구글 크롬 6.0 이상
  • 인터넷 익스플로러 9.0 이상
  • 모질라 4.0 이상
  • 오페라 11.1 이상
  • 사파리 5.0 이상