Web/Vanilla JS

Object Method

KimMinJun 2023. 3. 30. 22:25

Object

Object 클래스는 JavaScript의 데이터 유형 중 하나를 나타낸다. 다양한 키 모음 및 더 복잡한 엔티티들을 저장하는 데 사용된다. JS의 거의 모든 객체는 Object의 인스턴스이다. JS는 객체 기반의 스크립트 언어이다. 원시 타입을 제외한 나머지는 모두 객체이다. 한마디로 JS는 객체빼면 시체다...

 

객체는 키(key)와 값(value)쌍으로 이루어진 프로퍼티(property)들의 집합이다.

const obj = { key: value, ... };

 

Object.entries()

for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환한다.

Object.entries() 에 의해 반환된 배열(array)의 순서는 객체가 정의된 방법과 관련이 없다.

const object1 = {
  a: 'somestring',
  b: 42
};

for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

// Expected output:
// "a: somestring"
// "b: 42"

 

 

Object.keys()

주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환한다.

한마디로 객체에서 key만 뽑아서 배열로 반환한다.

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.keys(object1));
// Expected output: Array ["a", "b", "c"]

 

Object.values()

전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴한다.

한마디로 객체에서 value만 뽑아서 배열로 반환한다.

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.values(object1));
// Expected output: Array ["somestring", 42, false]

in 연산자

그래도 알아두면 유용한 연산자이다. key값이 객체 안에 있는지 없는지 판단할때 사용하면 유용하다.

const object1 = {
  a: 'somestring',
  b: 42
};

console.log('a' in object1); // true
console.log('b' in object1); // true
console.log('c' in object1); // false