Object - 객체 주요 메서드

ROCKBELL·2022년 11월 4일
0

자바스크립트

목록 보기
2/25

Object.keys()

Object.keys(obj)는 객체의 만 담은 배열을 반환합니다

const user = {
	nickname : 'rockbell89',
    age : 34,
    hobbies : ['music', 'movies']
}

Object.keys(user); // ['nickname', 'age', 'hobbies'];

Object.values()

Object.values(obj)는 객체의 을 담은 배열을 반환합니다

Object.values(user); // ['rockbell89', 34, ['music', 'movies']]

Object.entries()

Object.entries(obj)는 객체의 [키,값]을 쌍으로 담은 배열을 반환합니다

Object.entries(user); [['nickname', 'rockbell89'], ['age', 34], ['hobbies', ['music', 'movies']]]
  • Object.entries() 와 for ... of 를 활용한 객체의 구조분해할당
for(let [key, value] of Object.entries(user)) {
	console.log(`${key} : ${value}`);	
}
  • 결과 출력값
nickname : rockbell89
age : 34
hobbies : music,movies

Object.fromEntries()

Object.fromEntries(arr)[키,값]으로 이루어진 배열을 객체로 다시 반환합니다

  • Object.entries() 와 Object.fromEntries() 를 활용한 배열의 객체 변환
const newUser = Object.fromEntries(
	Object.entries(user).map(([key, value]) => [key, value + '~'])
)

console.log(newUser);
  • 결과 출력값
{
nickname: 'rockbell89~',
age: '34~', 
hobbies: 'music,movies~'
}

Object.assign()

Object.assign(target, ...source)target객체에 열거가능한 속성(sorcue)를 복사하여 반환합니다 (target 객체 변경) - mutable methods
동일한 키를 가진경우, 덮어쓰기를 합니다

 const target = { 'a' : 1, 'b' : 2};
 const source = { 'c' : 3, 'd : 4};
 
 Object.assign(target, source); // {'a' : 1, 'b' : 2, 'c' : 3, 'd : 4}
 console.log(target); // 'a' : 1, 'b' : 2, 'c' : 3, 'd : 4}
 
profile
luv it

0개의 댓글