자바스크립트 중급<객체 메소드, 프로퍼티>

 

let a = 'age';
const user = {
	name : 'Mike',
    age : 30  //[a] : 30으로 쓸 수도 있음 // age : 30
}

age 를 [a]로 바꿀 수 있다. 대괄호를 사용해주면 변수 a에 할당된 값이 들어가게 된다.

이를 computed property(계산된 프로퍼티)라고 한다.

 

예시

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

//실행결과
-> user
-> {5: 5, 안녕하세요: "Hello"}

 

객체에서 사용할 수 있는 메소드들

Object.assign() : 객체 복제

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

const cloneUser = user ; //X 객체가 저장되어있는 메모리 주소인 객체에 대한 참조값이 저장되어있다.

// 복제하려면?
const newUser = Object.assign({}, user); //여기서 빈객체 {}는 초기값
//newUser의 이름, newUser.name을 바꿔도 user.name은 변함없음

두개 이상의 객체도 합칠 수 있다. 

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.values(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() : 키/값 배열을 객체로

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

Object.fromEntries(arr);

/*
{
	name : 'Mike',
    age : 30,
    gender : 'male'
}
*/