코딩앙마 자바스크립트 중급 강의 3. 계산된 프로퍼티, 객체 메소드

계산된 프로퍼티(Computed property)

let a = 'age';

const user = {
  name : 'Mike',
  [a] : 30 // age : 30
}

[a]와 같이 대괄호로 묶어주면 a라는 문자열이 아니라 a에 할당된 값이 들어감

const user = {
  [1 + 4] : 5,
  ['안녕' + '하세요'] : 'Hello'
}

// user = { 5: 5, 안녕하세요: 'Hello'} 가 출력됨

 

식 자체를 넣는 것도 가능

---

객체 메소드 (Object methods)

 

Object.assing() : 객체 복제

초기값에 복제할 객체가 병합 됨

키가 같다면 덮어쓰게 됨

Object.assign({}, user)
// Object.assign({초기값}, 복제할 객체)

2개 이상의 객체도 합할 수 있음

const user ={
  name : 'Mike'
}
const info1 ={
  age : 30
}
const info1 ={
  gender : 'male'
}

Object.assign(user, info1, info2)

---

Object.keys() : 키를 배열 반환

객체의 키를 배열로 반환

const user ={
  name : 'Mike',
  age : 30,
  gender : 'male'
}

Object.keys(user);
// ["name","age","gender"]

---

Object.values() : 값을 배열 반환

객체의 값을 배열로 반환

const user ={
  name : 'Mike',
  age : 30,
  gender : 'male'
}

Object.keys(user);
// ["Mike",30,"male"]

---

Object.entries() : 키/값을 배열 반환

객체의 키와 값을 쌍으로 묶어서 배열로 반환

const user ={
  name : 'Mike',
  age : 30,
  gender : 'male'
}

Object.entries(user);
// [
//   ["name","Mike"],
//   ["age",30],
//   ["gender","male"]
// ]

---

Object.fromEntries() : 키/값 배열을 객체로

키와 값을 쌍으로 묶은 배열을 넣으면 객체로 만들어줌

키와 값을 묶은 배열이 3개부터는 무시됨

const arr =
[
  ["name","Mike"],
  ["age",30],
  ["gender","male"]
];

Object.fromEntries(arr);
// {
//   name : 'Mike',
//   age : 30,
//   gender : 'male'
// }