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
'Web > Vanilla JS' 카테고리의 다른 글
Symbol (0) | 2023.04.06 |
---|---|
얕은 복사와 깊은 복사(Shallow Copy & Deep Copy) (0) | 2023.04.03 |
Array Method (0) | 2023.03.30 |
Modern Javascript / 함수 심화학습 (0) | 2021.07.08 |