У ES6 / 2015 ви можете провести цикл через такий об’єкт: (за допомогою функції стрілки )
Object.keys(myObj).forEach(key => {
console.log(key); // the name of the current key.
console.log(myObj[key]); // the value of the current key.
});
jsbin
У ES7 / 2016 ви можете використовувати Object.entriesзамість цього об’єкта Object.keysта переходити до нього:
Object.entries(myObj).forEach(([key, val]) => {
console.log(key); // the name of the current key.
console.log(val); // the value of the current key.
});
Вищезазначене також працює як однолінійний :
Object.entries(myObj).forEach(([key, val]) => console.log(key, val));
jsbin
У випадку, якщо ви також хочете проходити цикл через вкладені об'єкти, ви можете використовувати рекурсивну функцію (ES6):
const loopNestedObj = obj => {
Object.keys(obj).forEach(key => {
if (obj[key] && typeof obj[key] === "object") loopNestedObj(obj[key]); // recurse.
else console.log(key, obj[key]); // or do something with key and val.
});
};
jsbin
Те саме, що функція вище, але з ES7 Object.entries() замість Object.keys():
const loopNestedObj = obj => {
Object.entries(obj).forEach(([key, val]) => {
if (val && typeof val === "object") loopNestedObj(val); // recurse.
else console.log(key, val); // or do something with key and val.
});
};
Тут ми перебираємо через вкладені об'єкти змінити значення та повертаємо новий об’єкт за один раз, використовуючи Object.entries()комбіновані з Object.fromEntries()( ES10 / 2019 ):
const loopNestedObj = obj =>
Object.fromEntries(
Object.entries(obj).map(([key, val]) => {
if (val && typeof val === "object") [key, loopNestedObj(val)]; // recurse
else [key, updateMyVal(val)]; // or do something with key and val.
})
);