JS Object methods

sjy·2022년 4월 9일
0

코딩공부

목록 보기
22/49

0.Object

Object객체는 자바스크립트의 데이터 유형 중 하나로 string, number와 다르게 그 안에 여러 데이터들을 저장할 수 있다.
이 때 데이터의 key범주나 형식을 정하고 value내용을 저장할수도 있다.
이 객체와 관련된 메서드 몇 가지를 알아보았다.

예로 사용할 cat1이라는 객체.

const cat1 = {
  name: '푸딩',
  age: 11,
  hobby: '낮잠자기'
};

1.Object.keys()

객체가 가지고 있는 key값을 array로 반환받는다.

Object.keys(cat1);
// 반환하는 배열
// ["name", "age", "hobby"]

2.Object.values()

객체가 가지고 있는 value값을 array로 반환받는다.

Object.values(cat1);
// 반환하는 배열
// ["푸딩", 11, "낮잠자기"]

3.Object.entries()

객체가 가지고 있는 keyvalue값을 [key,value]형태의 array로 반환받는다.

Object.entries(cat1);
// 반환하는 배열
// [["name","푸딩"], ["age", 11], ["hobby", "낮잠자기"]]

4.Object.assign()

targetsource라는 두 객체가 있을 때

  • target이 가지고 있는 keyvalue값을 복사한다.
  • sourcekey값에서 target과 같은 것이 있으면 업데이트하고 새로운 것이 있으면 추가한다.
const newInfo = {age : 12, birthday : 07.15 }
const cat1Updated = Object.assign(cat1, newInfo);
// 반환하는 객체
// {name : "푸딩", age : 12, hobby : "낮잠자기", birthday : "07.15"}
profile
수학과 코딩

0개의 댓글