※ computed property : 계산된 프로퍼티
let a = 'age';
const user = {
name : 'sian',
[a] : 30
}
const user = {
[1+4] : 5,
["안녕" + "하세요"] : "Hello"
}
ex ) key 와 value 값을 받아서 객체로 만들어주는 함수 makeObj ()
function makeObj(key,val){
return{
[key] : val,
};
}
const obj = makeObj("name", "sian");
console.log(obj); // {"name" : "sian"}
※ 객체 메소드
▷ Object.assign() : 객체 복제
const newUser = Object.assign({},user);
const newUser = Object.assign({초기값},병합값);
{} 는 초기값이다. user 가 초기값으로 병합이 되는 것이다.
ex)
Object.assign({gender:'male'}, user);
user 객체가 초기값과 병합되어 user 는 총 3개(name, gender, age) 의 프로퍼티를 갖게 되는 것이다.
만약 이미 존재하는 프로퍼티를 초기값으로 입력하면 ? => 덮어쓰게 됨
▷ Object.keys() : 키(key)를 배열로 반환
const user={
name : 'sian',
age : 23,
gender : 'female',
}
Object.keys(user); // ["name","age","gender"];
▷ Object.values() : 값(value)을 배열로 반환
Object.values(user); //["sian",23,"female"]
▷ Object.entreis(user) : 키와 값을 쌍으로 묶어서 반환
▷ Object.fromEntries : 키/값 배열을 객체로 만들어줌
const arr = [
["name","sian"],
["age",23],
["gender","female"]
];
const arrObject = Object.fromEntries(arr);
'Javascript' 카테고리의 다른 글
| [Javascript] 구조분해할당 / 나머지매개변수 / 복제(전개구문) (0) | 2022.12.03 |
|---|---|
| [Javascript] Symbol / 배열메소드 / 문자열메소드 (1) | 2022.12.03 |
| [Javascript] ES6 / 익명함수 / 가변인자 함수 / 콜백함수 / 클로저 함수 (0) | 2022.06.22 |
| [Javascript] (0) | 2022.04.25 |
| [Javascript] DOM / 객체 / 함수 / 메서드 (0) | 2022.04.25 |