[JavaScript] 자바스크립트 객체 다루기 keys, for...of

자스에서 객체나 배열을 다룰 때 자주 쓰이는 것들

잊어버릴까봐 쓰는 포스팅

 

아래의 객체가 있을 때

const person = {
  name: "John",
  age: 30,
  gender: "male"
};

 

 

 

Object.keys

는 객체의 모든 key(속성 이름)를 배열로 반환한다

console.log(Object.keys(person));
//["name", "age", "gender"]

 

 

Object.values

는 객체의 모든 value(값)를 배열로 반환한다

console.log(Object.values(person));
//["John", 30, "male"]

 

 

Object.entries

는 객체의 [key, value] 쌍으로 묶어서 2차원 배열로 반환한다

console.log(Object.entries(person));
/*
[
  ["name", "John"],
  ["age", 30],
  ["gender", "male"]
]
*/

 

 

for...of문

은 배열 또는 반복 가능한 자료형을 하나씩 꺼내서 반복한다

const fruits = ["apple", "banana", "cherry"];

for (const fruit of fruits) {
  console.log(fruit);
}
// apple
// banana
// cherry