Object.keys(), values, entries, assign

wony·2022년 4월 8일
0

Object.keys()

주어진 객체의 key를 일반적인 반복문과 동일한 순서로 순회하여 배열로 반환한다

const obj = {
  a: 'codecamp',
  b: 28,
  c: true
};

console.log(Object.keys(obj));
// expected output: Array ["a", "b", "c"]

단순배열, 배열형 객체등에서 사용이 가능하다


Object.values()

객체가 가지는 속성의 값들로 이루어진 배열을 리턴합니다.

const obj = {
  a: 'codecamp',
  b: 28,
  c: true
};

console.log(Object.values(obj));
// expected output: Array ["codecamp", 28, true]

Object.entries()

객체 자체의 [key, value] 배열을 반환합니다.

const obj = {
  a: 'codecamp',
  b: 28,
  c: true
};

console.log(Object.entries(obj));
// expected output: Array ["a", "codecamp"], Array ["b", 28], Array ["c", true]

Object.assign()

객체들의 자체 속성을 복사해 대상 객체에 붙여넣습니다.
그 후 대상 객체를 반환합니다.

const target = { a: 'codecamp', b: 6 };
const source = { b: 2, c: 'frontend' };

const returnedTarget = Object.assign(target, source);
// expected output: Object { a: "codecamp", b: 2, c: "frontend" }
// expected output: Object { a: "codecamp", b: 2, c: "frontend" }

목표 객체의 속성 중 출처 객체와 동일한 키를 갖는 속성의 경우, 그 속성 값은 출처 객체의 속성 값으로 덮어씁니다. 출처 객체들의 속성 중에서도 키가 겹칠 경우 뒤쪽 객체의 속성 값이 앞쪽 객체의 속성 값보다 우선합니다.


출처- MDN

profile
무럭무럭 성장중🌿

0개의 댓글