[Javascript] 표준내장객체 - Object

표준내장객체 (standard built-in object) Object에 관한 것을 정리했다. 이는 일부일 뿐이니 자세한 내용은 mdn 문서를 참조하자.

// Object.assign()
// 하나 이상의 출처(Source) 객체로부터 대상(Target) 객체로 속성을 복사하고 대상 객체를 반환

const target = {a:1, b:2};
const source1 = {b:3, c:4};
const source2 = {c:5, d:6};
const result = Object.assign(target, source1, source2);
const result2 = Object.assign({}, target, source1, source2);
const result3 = {
  ...target,
  ...source1,
  ...source2
};

console.log(target); // {a: 1, b: 3, c: 5, d: 6}
console.log(result); // {a: 1, b: 3, c: 5, d: 6}
console.log(result2); // {a: 1, b: 3, c: 5, d: 6}
console.log(result3); // {a: 1, b: 3, c: 5, d: 6}

// Object.entries(), 주어진 객체의 각 속성과 값으로 하나의 배열을 만들어 요소로 추가한 2차원 배열을 반환
// 객체 데이터가 가진 속성이나 값의 내용을 모두 활용해야하는 상황에 쓰기 용이, for of 문으로 사용하기 쉽게 만들 수 있음

const user = {
  name: 'Genius',
  age: 24,
  isValid: true,
  email: 'genius@gmail.com'
}

console.log(Object.entries(user)); // [Array(2), Array(2), Array(2), Array(2)]
// 0 : Array(2) ["name", "Genius"]
// 1 : Array(2) ["age", 24]
// 2 : Array(2) ["isValid", true]
// 3 : Array(2) ["email", "genius@gmail.com"]

for (const [key, value] of Object.entries(user)) {
  console.log(key, value);
}
// name Genius
// age 24
// isValid true
// email genius@gmail.com

// Object.keys(), 주어진 객체의 속성 이름(key)을 나열한 배열을 반환

// const user = {
//   name: 'Genius',
//   age: 24,
//   isValid: true,
//   email: 'genius@gmail.com'
// }

console.log(Object.keys(user)); // ["name", "age", "isValid", "email"]

// Object.values(), 주어진 객체의 속성 값(value)을 나열한 배열을 반환

console.log(Object.values(user)); //  ['Genius', 24, true, 'genius@gmail.com']

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

Object - JavaScript | MDN