반응형
Object.assign( )
객체 형태로 복제하여 준다.
const user = {
name: 'mihee',
age: 27,
like: 'snack'
};
const new_user = Object.assign(user);
// user의 내용을 {}에 담아 new_user에 할당한 것이다.
// { name: 'mihee', age: 27, like: 'snack' }
console.log(new_user);
const info1 = {
like: 'tv'
}
const info2 = {
hobby: 'sleep'
}
Object.assign(new_user, info1, info2);
console.log(new_user);
// { name: 'mihee', age: 27, like: 'tv', hobby: 'sleep' }
object.keys( )
키를 배열 형태로 반환해준다.
const new_user = {
name:'mihee',
age: 27,
like: 'tv',
hobby: 'sleep'
}
const keys = Object.keys(new_user);
console.log(keys)
// [ 'name', 'age', 'like', 'hobby' ]
Object.values( )
값을 배열 형태로 반환해준다.
const new_user = {
name:'mihee',
age: 27,
like: 'tv',
hobby: 'sleep'
}
const values = Object.values(new_user);
console.log(values)
// [ 'mihee', 27, 'tv', 'sleep' ]
Object.entries( )
객체를 배열형식으로 반환해준다.
const new_user = {
name:'mihee',
age: 27,
like: 'tv',
hobby: 'sleep'
}
const result = Object.entries(new_user);
console.log(result)
/**
[
[ 'name', 'mihee' ],
[ 'age', 27 ],
[ 'like', 'tv' ],
[ 'hobby', 'sleep' ]
]
*/
Object.formEntries( )
배열을 객체 형식으로 반환해준다.
const new_user = {
name:'mihee',
age: 27,
like: 'tv',
hobby: 'sleep'
}
const array = [
[ 'name', 'mihee' ],
[ 'age', 27 ],
[ 'like', 'tv' ],
[ 'hobby', 'sleep' ]
]
const result = Object.fromEntries(array)
console.log(result)
//{ name: 'mihee', age: 27, like: 'tv', hobby: 'sleep' }
출처
코딩앙마 유튜브 : https://youtu.be/6NZpyA64ZUU
반응형
'Javascript > etc' 카테고리의 다른 글
gitignore 적용 안 되는 경우 (0) | 2022.07.27 |
---|---|
Json(JavaScript Object Notation) (0) | 2022.07.10 |
[ Javascript ] - Promise란? (0) | 2022.05.26 |
[ Javascript ] - 비동기 처리? (0) | 2022.05.26 |
[ Javascript ] - 기본 함수 (0) | 2022.05.22 |