코드노트

js 데이터 알아보기 / 정적static메서드 / parseInt, parseFloat 본문

Code note/자바스크립트

js 데이터 알아보기 / 정적static메서드 / parseInt, parseFloat

코드노트 2022. 6. 13. 22:06

Object.assign

const userAge = {
  // key: values
  name: 'codenote',
  age: 20
};
const userEmail = {
  name: 'codenote',
  email: 'kjun_all@naver.com'
};

const target = Object.assign(userAge, userEmail);
console.log(target); // {name: 'codenote', age: 20, email: 'kjun_all@naver.com'}
console.log(userAge); // {name: 'codenote', age: 20, email: 'kjun_all@naver.com'}
console.log(target === userAge); // true

const a = {k: 123}
const b = {k: 123}
console.log(a === b); // false

- Object.assign으로 userAge 객체에 userEmail 객체를 합친다.

- 실제 객체데이터 자체에는 사용할 수 없고. Object전역객체에 직접적으로 사용할 수 있는 정적메서드이다.

- target과 userAge는 동일하게 된다.

 

- { }, [ ],function,,,내용이 같다고 해서 true가 출력되지 않는다! / 참조형 데이터

 

const userAge = {
  // key: values
  name: 'codenote',
  age: 20
};
const userEmail = {
  name: 'codenote',
  email: 'kjun_all@naver.com'
};

const target = Object.assign({}, userAge);
console.log(target); // {name: 'codenote', age: 20}
console.log(userAge); // {name: 'codenote', age: 20}
console.log(target === userAge); // false

- 하나이상의 출처객체로부터 대상 객체로 속성을 복사할 때 사용할 수 있다.

- 첫번째 인수에 { } 빈 객체데이터, 두번째 인수에 userAge를 넣게 되면 같은 데이터값이지만 복사본을 만들 수 있다.

- target === userAge // false가 출력되는 것을 알 수 있다.