Object.keys, values, entries, assign

Object.keys, Object.values, Object.entries, Object.assign

 

 

 

Object.keys

 

• 객체의 프로퍼티들 중에서 key값, 다른 말로 프로퍼티 네임들만 묶어서 배열로 반환하는 메서드

 

문법

 

└ Object.keys 메서드의 기본 문법은 그냥 메서드 그대로 Object 객체에 keys 메서드를 호출하고

    파라미터로 Key 값을 알아내고자 하는 객체를 전달해주면 됨

 

└ 주의해야될 점은 Object.keys() 메서드는 객체가 가지고 있는 메서드를 사용하는 것이 아니라

Object라는 내장 객체의 메서드로 사용하고, 파라미터로 우리가 만든 객체를 집어넣어줘야 하기 때문에

myObject.keys()처럼 사용하지 않도록 주의해야 함

 

 

---

 

Object.values

 

• 특정 객체를 대상으로 value 값들만 뽑아서 배열로 반환하는 메서드

 

 

문법

 

└ Object.values 메서드의 기본 문법도 keys 메서드와 동일하게

Object 객체에 values 메서드를 호출하고 파라미터로 프로퍼티 값을 알아내고자 하는 객체를 전달해주면 됨

 

└ Object.values() 메서드도 역시, 객체가 가지고 있는 메서드를 사용하는 것이 아니라,

Object라는 내장 객체의 메서드로 사용하고, 파라미터로 우리가 만든 객체를 집어넣어줘야 하기 때문에 myObject.values()처럼 사용하지 않도록 주의해야 함

 

 

---

 

Object.entries

 

• 객체가 가지고 있는 모든 프로퍼티를 키와 값 쌍으로 배열 형태로 반환하여 줌
• 모든 프로퍼티와 값을 배열로 반환함
• 프로퍼티뿐 아니라 가지고 있는 값도 모두 배열 형태로 변환하여 반환함

 

 

문법

 

 

 

 

---

 

Object.assign

 

• 객체를 합치는데 사용
• 합칠 때는 2개의 객체가 같은 프로퍼티를 가지고 있다면 그 값을 덮어쓰기 해주며, 객체의 복제에서도 사용됨

 

 

문법

 

ⓐ 오브젝트를 합침

 

 

└ Object.assign()의 첫 번째 인수의 target은 source가 합쳐지지만, source의 내용은 변경되지 않음

    또한, Object.assign()의 리턴값의 returnedTarget에는 합쳐진 객체가 들어가 있음

 

 

ⓑ 같은 프로퍼티를 가지는 오브젝트를 합치는 경우

 

└ target의 프로퍼티 b는 source의 프로퍼티 b로 덮어씌워짐

 

 

ⓒ 오브젝트 배열 요소를 갱신

 

 

 

ⓓ Object의 복사 (클론)

 

 

 

ⓔ 인수가 여러 개인 경우