Javascript/etc

[ JAVASCRIPT ] - 객체 메소드

algml0703 2022. 6. 10. 14:09
반응형

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