[JavaScript] Object Methods(assign,keys,values,entries,fromEntries)

안녕하세요, 피터팬입니다!

오늘은 Object Methods에 대해 배워볼건데요.

Object Methods에는 아래 링크처럼 매우 많지만, 그 중에서 자주 쓰이는 것들만 선정해서 배울 것입니다.

 

1. Object.assign()

사용법

Object.assign()은 깊은 복사를 할 때 사용을 합니다.

아래처럼 복사를 할 경우, user2의 name값을 바꾸려고 의도했지만, user의 name값도 바뀌게 되는 문제가 발생하게 됩니다. 아래와 같은 복사를 포인터값(주소값)만을 복사하는 얕은 복사라고 합니다.

let user = {
    name:'guesung',
    age:23,
}
let user2 = user;
user2['name']='sunggue'

Object.assign은 아래와 같이 사용합니다.

let user = Object.assign({초기 객체},user2,user3,user4..);

 

그 외의 깊은 복사하는 방법에는 spread, slice(배열만 해당) 등이 있습니다.

https://peter-coding.tistory.com/103

[JS] 원시 데이터, 참조형 데이터 / 얕은 복사와 깊은 복사

 

2. Object.keys()

사용법

Object.keys()는 객체의 키들을 배열로 반환합니다.

Object.keys(a);
// ['name','age']

 

3. Object.values()

사용법

Object.values는 객체의 값들을 배열로 반환합니다.

Object.values(user);
// ["guesung","23"]

 

4. Object.entries()

사용법

Obejct.entries는 키/값들을 모두 배열로 반환합니다.

Object.entries(user)
// [Array(2), Array(2)] 
// 0:"name"
   1:"박규성"
// 0:"age"
   1:"23"

 

5. Object.fromEntries()

Object.fromEntries()는 Object.entries와 반대되는 Mehods로, 키/값 배열을 객체로 반환합니다.

사용법

const b = [
  ["name", "guesung"],
  ["age", 30]
];
Object.fromEntries(b)
// {name:"guesung",age:30}

 

 

---

Reference

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object

Object - JavaScript | MDN