W ES6 / 2015 możesz przechodzić przez taki obiekt: (używając funkcji strzałki )
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
W ES7 / 2016 możesz używać Object.entries
zamiast tego Object.keys
i przechodzić przez taki obiekt:
Object.entries(myObj).forEach(([key, val]) => {
console.log(key); // the name of the current key.
console.log(val); // the value of the current key.
});
Powyższe działałoby również jako jednolinijka :
Object.entries(myObj).forEach(([key, val]) => console.log(key, val));
jsbin
Jeśli chcesz również zapętlić zagnieżdżone obiekty, możesz użyć funkcji rekurencyjnej (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
Taki sam jak funkcja powyżej, ale z ES7 Object.entries()
zamiast 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.
});
};
Tutaj przechodzimy przez obiekty zagnieżdżone, zmieniamy wartości i zwracamy nowy obiekt za jednym razem, używając w Object.entries()
połączeniu z 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.
})
);