В 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.
})
);