wake-up-neo.net

Wie wird ein JSON-Array in JavaScript durchlaufen?

Ich habe diese Art von Array. Ich möchte dieses Array in JavaScript iterieren. Wie ist das möglich?

var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};
javascriptjsonarrays
86
Piyush

Sie können dies mit dem folgenden Code tun. Sie erhalten das Datenarray zuerst mit dictionary.data und weisen es der Datenvariablen zu. Danach können Sie es mit einer normalen for-Schleife durchlaufen. Jede Zeile ist ein Zeilenobjekt im Array.

var data = dictionary.data;

for (var i in data)
{
     var id = data[i].id;
     var name = data[i].name;
}

Sie können einen ähnlichen Ansatz verwenden, um das Bildarray zu durchlaufen. 

135
kavin

Es gibt auch diesen Weg (neu bei EcmaScript5):

dictionary.data.forEach(function(item){
    console.log(item.name + ' ' + item.id);
});

Gleicher Ansatz für Bilder

29
Arno 2501

Sowas in der Art:

var dictionary = {"data":[{"id":"0","name":"ABC"},{"id":"1", "name":"DEF"}], "images": [{"id":"0","name":"PQR"},{"id":"1","name":"xyz"}]};

for (item in dictionary) {
  for (subItem in dictionary[item]) {
     console.log(dictionary[item][subItem].id);
     console.log(dictionary[item][subItem].name);
  }
}
8
happyCoda

Verwenden Sie Punktnotation und/oder Klammernotation, um auf Objekteigenschaften zuzugreifen und for loops , um Arrays zu iterieren:

var d, i;

for (i = 0; i < dictionary.data.length; i++) {
  d = dictionary.data[i];
  alert(d.id + ' ' + d.name);
}

Sie können Arrays auch mit for..in loops durchlaufen. Allerdings können Eigenschaften, die zu Array.prototype hinzugefügt wurden, durchscheinen, und Sie erhalten möglicherweise nicht notwendigerweise Array-Elemente in der richtigen Reihenfolge oder sogar in einer konsistenten Reihenfolge.

4
PleaseStand
for(index in dictionary) {
 for(var index in dictionary[]){
    // do something
  }
}
2
Sankalp Mishra

Mit einer Generatorfunktion können Sie tiefe Schlüsselwerte durchlaufen. 

function * deepEntries(obj) { 
    for(let [key, value] of Object.entries(obj)) {
        if (typeof value !== 'object') 
            yield [key, value]
        else 
            for(let entries of deepEntries(value))
                yield [key, ...entries]
    }
}

const dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
}

for(let entries of deepEntries(dictionary)) {
    const key = entries.slice(0, -1).join('.')
    const value = entries[entries.length-1]
    console.log(key, value)
}

1
Emissary

Hier sind alle Möglichkeiten, die Sie haben:

1. for...of (ES2015)

var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};

for (const entry of dictionary.data) {
  console.log(JSON.stringify(entry))
}

2. Array.prototype.forEach (ES5)

var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};

dictionary.data.forEach(function(entry) {
  console.log(JSON.stringify(entry))
})

3. for() (ES1)

var dictionary = {
    "data": [
        {"id":"0","name":"ABC"},
        {"id":"1","name":"DEF"}
    ],
    "images": [
        {"id":"0","name":"PQR"},
        {"id":"1","name":"xyz"}
    ]
};

for (let i = 0; i < dictionary.data.length; i++) {
  console.log(JSON.stringify(dictionary.data[i]))
}

0
connexo

For und foreach Schleife verwenden 

var dictionary = {
     data: [{ id: "0", name: "ABC" }, { id: "1", name: "DEF" }],
     images: [{ id: "0", name: "PQR" }, { id: "1", name: "xyz" }]
};
dictionary.data.forEach(item => {
     console.log(item.id + " " + item.name);
});

for (var i = 0; i < dictionary.data.length; i++) {
     console.log(dictionary.data[i].id + " " + dictionary.data[i].name);
}
0
Nikhil
var dictionary = {
        "data":[{"id":"0","name":"ABC"}, {"id":"1","name":"DEF"}],
        "images": [ {"id":"0","name":"PQR"},"id":"1","name":"xyz"}]
};


for (var key in dictionary) {
    var getKey = dictionary[key];
    getKey.forEach(function(item) {
        console.log(item.name + ' ' + item.id);
    });
}
0
shobhit kumar