
Javascript에서 객체를 반복하는 방법
2022-10-02 last update
5 minutes reading webdev javascript loop object1. Object.keys를 사용하여 개체의 키 배열을 가져오고 이를 반복합니다.
2. For...in 루프를 사용하여 개체 위에 놓습니다.
3. Object.values() 메서드를 사용합니다. 이 시간에 나머지 키의 모든 값을 얻을 수 있습니다.
4. Object.entries() 메서드를 사용합니다. 키와 값의 배열을 반환합니다
이제 그만입니다. 더 많이 가지고 놀아요 🚀
let myObj = {
name: 'Shuvo',
tech: 'javascript',
hobby: 'learning javascript',
favFood: 'beef steak!',
};
// way: 1
Object.keys(myObj).map((key) => {
console.log(`key: ${key} value: ${myObj[key]}`);
});
// output
// key: name value: Shuvo
// key: tech value: javascript
// key: hobby value: learning javascript
// key: favFood value: beef steak!
2. For...in 루프를 사용하여 개체 위에 놓습니다.
// way: 2
for (key in myObj) {
console.log(`key: ${key} value: ${myObj[key]}`);
}
// output
// key: name value: Shuvo
// key: tech value: javascript
// key: hobby value: learning javascript
// key: favFood value: beef steak!
3. Object.values() 메서드를 사용합니다. 이 시간에 나머지 키의 모든 값을 얻을 수 있습니다.
// way: 3
Object.values(myObj).forEach((value) => {
console.log('value: ', value);
});
// output
// value: Shuvo
// value: javascript
// value: learning javascript
// value: beef steak!
4. Object.entries() 메서드를 사용합니다. 키와 값의 배열을 반환합니다
// way: 4
Object.entries(myObj).forEach((arr) => {
console.log('arr: ', arr);
});
// output
// arr: ["name", "Shuvo"]
// arr: ["tech", "javascript"]
// arr: ["hobby", "learning javascript"]
// arr: ["favFood", "beef steak!"]
이제 그만입니다. 더 많이 가지고 놀아요 🚀