[JS] CheatSheet - Object

📖 Object

🎯 Object.entries/.keys/.values 객체 반복

Object.entries(obj) ➡︎ [key, value]

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.entries(obj))
// [["a", 1], ["b", 2], ["c", 3]]

Object.keys(obj) ➡︎ key

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.keys(obj))
// ["a", "b", "c"]

Object.values(obj) ➡︎ value

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.values(obj))
// [1, 2, 3]

🎯 for...in obj ➡︎ key 반복

const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(property);
}
//"a"
//"b"
//"c"

for...in Object.entries(obj) ➡︎ index 반복

• 인덱스가 key

const obj = { a: 1, b: 2, c: 3 };

for (const index in Object(entries(obj)) {
  console.log(index);
}
//0
//1
//2

🎯 for...of Object.entries(obj) ➡︎ [key, value] 반복

const obj = { a: 1, b: 2, c: 3 };

for (const [key, value] of Object.entries(obj)) {
  console.log(key, value);
}
//"a" 1
//"b" 2
//"c" 3

🎯 obj.hasOwnProperty()

프로퍼티를 갖고 있는지 불리언으로 리턴

const car = {
  type:"Fiat", 
  model:"500", 
  color:"white"
};

car.hasOwnProperty('type');
//true