[JavaScript] 03. Object methods & Computed property

SSOYEONG·2022년 7월 21일
0

자바스크립트 기초

목록 보기
2/11
post-thumbnail

Computed property

let a = 'age';
const user = {
  name : 'Mike',
  [a] : 30		// age : 30
}
  • a에 할당된 age가 대입된다
const user = {
  [1 + 4] : 5,
  ["안녕" + "하세요"] : "Hello"
}

// {5: 5, 안녕하세요: "Hello"}

Object methods

Object.assign() - 객체 복제

const user = {
  name : 'Mike',
  age : 30
}
const cloneUser = user;
  • 참조값만 복사되어 같은 객체를 가리킴

Ex 1

const newUser = Object.assign({}, user);
  • 두번째 매개변수부터 들어온 객체들이 초기값 {}에 복사된다.

Ex 2

const newUser2 = Object.assign({gender: 'male'}, user);
  • newUser2는 gender를 포함하여 총 3개의 프로퍼티를 가짐

Ex 3

const newUser2 = Object.assign({gender: 'male'}, user, user2);
  • 여러 개의 객체가 들어올 수 있고, 같은 프로퍼티면 업데이트 된다.

Object.keys() / values() - 키 / 값 배열 반환

const user = {
  name : 'Mike',
  age : 30,
  gender: 'male',
}
Object.keys(user);
Object.values(user);

Object.entries - 키&값 배열 반환

Object.fronEntries() - 키&값 배열을 객체로

const arr = [
  ["name", "Mike"],
  ["age", 30],
  ["gender", "male"]
];
Object.fronEntries(arr);
profile
Übermensch

0개의 댓글