#3 객체 메소드, 계산된 프로퍼티

Computed Property 

: 객체내 프로퍼티를 

let a = 'age';
const user = {
	name: 'Mike',
	[a] : 30 // age :30
}
console.log(user.name, user.age);

 

 

객체 메소드 (Object Method)

 

Object.assign() : 객체 복제

const user = {
  name: 'Mike',
  age: 30
}
// 이렇게 하면 user 와 같은 객체를 바라보는 참조 변수만 생성됨
const cloneUser = user;
 
// 새로운 유저정보를 저장하는 객체 생성
const newUser = Object.assign({}, user);

// 객체+객체를 복제 가능
const newUser2 = Object.assign({ gender:'male'}, user);
console.log(newUser2);

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

const newUser = Object.assign(user, info1, info2);

console.log(newUser);

 

 

 

Object.keys() : 키 배열 반환

 

Object.values() : 오브젝트의 값을 배열로 반환

 

Object.entries() : 오브젝트의 키/값 배열을 반환

 

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

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

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

console.log(Object.values(user)); // ['Mike', 30, 'male']

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

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

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