object의 메소드

2020. 2. 14. 21:20JavaScript

1. Object.assign( )

 - 원본 객체로부터 대상 객체로 속성과 값을 복사

 - 형태: Object.assign(대상 객체, 원본 객체);

 - 원본 객체는 여러 개가 들어갈 수 있음

 - 원본 객체의 경우 뒤쪽에 있는 객체가 앞쪽의 객체를 덮어씀

 

let o1 = { a: 1, b: 2, c: 3 };
let o2 = { b: 4, c: 5, d: 6 };
let obj = {};

Object.assign(obj, o1, o2); //result: { a: 1, b: 4, c: 5, d: 6 };
//대상 객체가 o1, o2 두개
//뒤에 있는 o2가 o1을 덮어씌운 뒤의 결과를 obj에 복사

 

 

2. Object.keys( )

 - 객체의 프로퍼티명을 복사해 배열로 반환

 - 형태: Object.keys(대상 객체);

 - 반환 값: 객체의 모든 프로퍼티명을 담은 배열

 

const obj = { a: 1, b: 2, c: 3 };

Object.keys(obj); //result: ['a', 'b', 'c']

 

 

3. Object.values( )

 - 객체의 값들을 복사해 배열로 반환

 - 형태: Object.values(대상 객체);

 - 반환 값: 객체의 속성값들을 담은 배열

 

const fruit = {
   name: 'apple',
   color: 'red',
   healthy: true,
   seeds: 8
};

Object.value(fruit); // result: ['apple', 'red', true, 8]

 

 

 

 

'JavaScript' 카테고리의 다른 글

rest parameter, arguments, spread 연산자  (0) 2020.03.03
template 태그 & fragment  (0) 2020.03.01
split, slice, substring  (0) 2020.02.15
concat, indexOf, includes  (0) 2020.02.15
Object의 Dot Notation & Bracket Notation, 연산자  (0) 2020.02.14