[mdn, 드림코딩 외] 객체(Object)와 프로퍼티(property) (2) : 생성/수정과 cloning

https://sunshineyellow.tistory.com/17?category=1037372 

[코딩앙마 외] 객체(Object)와 프로퍼티(property)

https://sunshineyellow.tistory.com/18?category=1037372 

[코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수

 

위 글을 보충해 객체 프로퍼티의 생성과 수정, 삭제에 대해 다룬다.

---

생성

클래스의 객체 생성

const noran = new Goodcoder('noran', 20);

클래스 없이 객체 생성

const noran = { name : 'noran', age : 20 };

---

수정

key 추가

noran.hasjob = true;

key 삭제

delete noran.hasjob;

---

cloning

아래의 경우 coder1과 coder2의 value가 같이 바뀐다.

const coder1 = { name : 'noran', age : 20 };
const coder2 = coder1;
coder2.name = 'paran';

console.log(coder1); //'paran'

properties 복사하기 (예전버전)

const coder3 = {};
for (key in coder1) {
  coder3[key] = coder1[key];
}

console.log(coder3); //{name : 'noran', age : 20}

properties 복사하기 (신버전)

const coder4 = {};
Object.assign(coder4, coder1);

console.log(coder4); //{name : 'noran', age : 20}

위는 아래처럼 정리될 수 있다.

const coder4 = Object.assign({}, coder1);

---

출처 : 드림코딩 https://www.youtube.com/@dream-coding / MDN https://developer.mozilla.org/ko