🩵 React/JavaScript 문법
[JavaScript] 자바스크립트 객체 다루기 keys, for...of
솔비님
2025. 4. 3. 00:03
자스에서 객체나 배열을 다룰 때 자주 쓰이는 것들
잊어버릴까봐 쓰는 포스팅
아래의 객체가 있을 때
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