자바스크립트 내장객체 - 객체

정승옥(seungok)·2021년 2월 20일
0
post-thumbnail

객체

1. key만 추출(keys)

const dataObj = {
	location: "서울",
	name: "박명수",
	age: "50대",
};
console.log(Object.keys(dataObj)); // [ 'location', 'name', 'age' ]
  • 객체의 들만 추출한다.
  • 추출한 들을 배열에 담아 반환한다.

2. value만 추출(values)

const dataObj = {
	location: "서울",
	name: "박명수",
	age: "50대",
};
console.log(Object.values(dataObj)); // [ '서울', '박명수', '50대' ]
  • 객체들의 들만 추출한다.
  • 추출한 들을 배열에 담아 반환한다.

3. 객체를 배열로 변환(entries)

const dataObj = {
	location: "서울",
	name: "박명수",
	age: "50대",
};
console.log(Object.entries(dataObj));
// [ [ 'location', '서울' ], [ 'name', '박명수' ], [ 'age', '50대' ] ]
  • 객체를 배열로 변경하여 ['키':'값'] 형태로 저장한다.
  • 이차원 배열 형태로 반환된다.

4. 객체 동결(freeze)

let list = {};

list.first = "명수";
list = Object.freeze(list);
list.first = "수명";

console.log(list.first); // 명수
  • 객체를 동결시킨다.
  • 동결 이후에는 다른 속성을 추가하거나 제거할 수 없다.

5. 객체 밀봉(seal)

let list = {};

list.first = "명수";
Object.seal(list);
list.second = "개그맨";
list.first = "수명";
delete list.first;

console.log(list); // { first: '수명' }
  • 객체를 밀봉한다.
  • 속성을 추가하거나 삭제할 수 없다.
  • 기존 속성에 대해서는 변경할 수 있다.

6. 객체 병합(assign)

const 명수 = { name: "명수", age: 50 };
const 재석 = { name: "재석", age: 48 };
console.log(명수);
// { name: '명수', age: 50 }
const 명수취미 = Object.assign({}, 명수);
명수취미.ability = "빅재미";
console.log(명수취미);
// { name: '명수', age: 50, ability: '빅재미' }
const 명수재석합체1 = Object.assign({}, 명수, 재석);
console.log(명수재석합체1);
// { name: '재석', age: 48 }
const 명수재석합체2 = Object.assign(명수, 재석);
console.log(명수재석합체2); // { name: '재석', age: 48 }
console.log(명수); // { name: '재석', age: 48 }
  • 첫번째 인자로 대입된 인자를 기준으로 객체를 병합한다.
  • 병합 후 첫번째 인자인 객체의 원본이 수정된다.
  • 여러 객체를 병합할때 같은 속성마지막 객체의 속성으로 저장된다.
profile
Front-End Developer 😁

0개의 댓글