[JS 자습] 3 - 계산된 프로퍼티와 객체 메소드 정리

Computed Property(계산된 프로퍼티)

 

let a = 'age';

const user = {
Name : 'Sam',
[a] : 30
//age : 30
}


const user = {
[1 + 4] : 5,
["안녕" + "하세요"] : "hello"
//식으로 넣는 것도 가능하다.
}

 

Computed Property와 점표기법 차이점

 

 

Object Methods(객체에서 사용할 수 있는 메소드들)

 

1. Object.assign() : 객체 복제

 

let cloneUser = user (x) => 객체가 복사되는 것이 아니라 객체 참조값이 복사된다.

그렇기 때문에 cloneUser의 값을 수정하면 user의 값도 수정이 된다.

 

원본을 훼손하지 않고 동일하게 복제하려면 메소드를 써야한다.

const user = {
name : 'Mike'
}


const info1 = {
age : 30
}


const info2 = {
gender : 'male'
}


Object.assign(user, info1, info2)  => user에 info1과 info2가 합쳐진다.

 

 

 

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

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


Object.keys(user);

//["name", "age", "gender"] 반환

 

 

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

Object.values(user);

//["Mike", 30, "male"] 반환

 

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

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



Object.entries(user)

/** [
["name", "Mike"],
["age", 30],
["gender", "male"]
] 반환 */

 

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

Object.entries에 나온 값을 다시 객체로 바꿔준다.