[Javascript] Object.keys() / Object.values() / Object.entries() / Object.assign()

Object.keys()

Object.keys()는 대상 객체의 key 값을 모아 배열로 반환한다.

Object.values()는 대상 객체의 value 값을 모아 배열로 반환한다.

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.keys(object1));
// ["a", "b", "c"]

 

Object.values()

Object.values()는 대상 객체의 value 값을 모아 배열로 반환한다.

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.values(object1));
// ["somestring", 42, false]

 

Object.entries()

Object.entries()는 대상 객체의 key와 value 값을 [key, value] 로 바꾸어, 해당 쌍을 모은 배열로 반환한다.

const object2 = {
  a: 'somestring',
  b: 42
};

console.log(Object.entries(object2))
// [ [ 'a', 'somestring' ], [ 'b', 42 ] ]

 

Object.assign()

Object.assign의 기본 형태는 다음과 같다.

Object.assign(target, ...sources)

 

target 객체와 source 객체를 병합하며, 같은 key 값을 가진 요소가 있을 경우에는 source의 value를 target에 덮어씌운다. 덮어씌워진 결과를 결과값과 target 객체에 반환한다.

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// { a: 1, b: 4, c: 5 }

console.log(returnedTarget);
// { a: 1, b: 4, c: 5 }

 

Object.assign은 객체 복사에도 활용 가능하다.

let user = {firstName: 'John', lastName: 'Doe' };
let userClone = Object.assign({}, user);

console.log(user)
// { firstName: 'John', lastName: 'Doe' }
console.log(userClone)
// { firstName: 'John', lastName: 'Doe' }