Perulangan JavaScript melalui json array?

Saya mencoba untuk mengulang melalui json array berikut:

{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}

Dan sudah mencoba yang berikut ini

for (var key in data) {
   if (data.hasOwnProperty(key)) {
      console.log(data[key].id);
   }
}

Tetapi untuk beberapa alasan saya hanya mendapatkan bagian pertama, nilai id 1.

Ada ide?

JSON Anda akan terlihat seperti ini:

var json = [{
    "id" : "1", 
    "msg"   : "hi",
    "tid" : "2013-05-05 23:35",
    "fromWho": "[email protected]"
},
{
    "id" : "2", 
    "msg"   : "there",
    "tid" : "2013-05-05 23:45",
    "fromWho": "[email protected]"
}];

Anda dapat mengulang Array seperti ini:

for(var i = 0; i < json.length; i++) {
    var obj = json[i];

    console.log(obj.id);
}

Atau seperti ini (disarankan dari Eric) hati-hati dengan dukungan IE

json.forEach(function(obj) { console.log(obj.id); });

Ada beberapa masalah dalam kode Anda, pertama json Anda harus terlihat seperti:

var json = [{
"id" : "1", 
"msg"   : "hi",
"tid" : "2013-05-05 23:35",
"fromWho": "[email protected]"
},
{
"id" : "2", 
"msg"   : "there",
"tid" : "2013-05-05 23:45",
"fromWho": "[email protected]"
}];

Selanjutnya, Anda dapat mengulangi seperti ini:

for (var key in json) {
if (json.hasOwnProperty(key)) {
  alert(json[key].id);
  alert(json[key].msg);
}
}

Dan itu memberikan hasil yang sempurna.

Lihat biola di sini: http://jsfiddle.net/zrSmp/

var arr = [
  {
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
  }, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
  }
];

Metode forEach untuk implementasi yang mudah.

arr.forEach(function(item){
  console.log('ID: ' + item.id);
  console.log('MSG: ' + item.msg);
  console.log('TID: ' + item.tid);
  console.log('FROMWHO: ' + item.fromWho);
});

coba ini

var json = [{
    "id" : "1", 
    "msg"   : "hi",
    "tid" : "2013-05-05 23:35",
    "fromWho": "[email protected]"
},
{
    "id" : "2", 
    "msg"   : "there",
    "tid" : "2013-05-05 23:45",
    "fromWho": "[email protected]"
}];

json.forEach((item) => {
  console.log('ID: ' + item.id);
  console.log('MSG: ' + item.msg);
  console.log('TID: ' + item.tid);
  console.log('FROMWHO: ' + item.fromWho);
});

Karena saya sudah mulai mencari ke dalamnya:

var data = [{
    "id": "1",
    "msg": "hi",
    "tid": "2013-05-05 23:35",
    "fromWho": "[email protected]"
}, {
    "id": "2",
    "msg": "there",
    "tid": "2013-05-05 23:45",
    "fromWho": "[email protected]"
}]

Dan fungsi ini

var iterateData =function(data){   for (var key in data) {
       if (data.hasOwnProperty(key)) {
          console.log(data[key].id);
       }
    }};

Anda bisa menyebutnya seperti ini

iterateData(data); // write 1 and 2 to the console

Perbarui setelah komentar Erics

Sebagai eric menunjukkan sebuah for inloop untuk sebuah array dapat memiliki hasil yang tidak diharapkan . Pertanyaan yang dirujuk memiliki diskusi panjang tentang pro dan kontra.

Uji dengan untuk (var ...

Tetapi tampaknya follwing ini cukup hemat:

for(var i = 0; i < array.length; i += 1)

Meskipun tes di chrome memiliki hasil sebagai berikut

var ar = [];
ar[0] = "a"; 
ar[1] = "b";
ar[4] = "c";

function forInArray(ar){ 
     for(var i = 0; i < ar.length; i += 1) 
        console.log(ar[i]);
}

// calling the function
// returns a,b, undefined, undefined, c, undefined
forInArray(ar); 

Tes dengan .forEach()

Setidaknya di chrome 30 ini berfungsi seperti yang diharapkan

var logAr = function(element, index, array) {
    console.log("a[" + index + "] = " + element);
}
ar.forEach(logAr); // returns a[0] = a, a[1] = b, a[4] = c

Tautan

• lihat for indi mdn
• metode forEach baru
• komentar yang menyatakan bahwa pemahaman array membuat for inkurang buruk
• Pemahaman array diperkenalkan dengan javascript 1.7 di firefox 2 (ya 2)

Ini bekerja. Saya baru saja menambahkan tanda kurung siku ke data JSON. Datanya adalah:

var data = [
    { 
        "id": "1",
        "msg": "hi", 
        "tid": "2013-05-05 23:35", 
        "fromWho": "[email protected]" 
    }, 
    { 
        "id": "2", 
        "msg": "there", 
        "tid": "2013-05-05 23:45", 
        "fromWho": "[email protected]"
    }
]

Dan loopnya adalah:

for (var key in data) {
   if (data.hasOwnProperty(key)) {
         alert(data[key].id);
   }
} 

Ini harus berupa array jika Anda ingin mengulanginya. Anda kemungkinan besar hilang [dan ].

var x = [{
    "id": "1",
        "msg": "hi",
        "tid": "2013-05-05 23:35",
        "fromWho": "[email protected]"
}, {
    "id": "2",
        "msg": "there",
        "tid": "2013-05-05 23:45",
        "fromWho": "[email protected]"
}];

var $output = $('#output');
for(var i = 0; i < x.length; i++) {
    console.log(x[i].id);
}

Lihat jsfiddle ini: http://jsfiddle.net/lpiepiora/kN7yZ/

Agak terlambat tapi saya harap saya bisa membantu orang lain: D

json Anda perlu terlihat seperti sesuatu yang sudah dikatakan Niklas. Dan kemudian di sini Anda pergi:

for(var key in currentObject){
        if(currentObject.hasOwnProperty(key)) {
          console.info(key + ': ' + currentObject[key]);
        }
   }

jika Anda memiliki array Multidimensi, ini adalah kode Anda:

for (var i = 0; i < multiDimensionalArray.length; i++) {
    var currentObject = multiDimensionalArray[i]
    for(var key in currentObject){
            if(currentObject.hasOwnProperty(key)) {
              console.info(key + ': ' + currentObject[key]);
            }
       }
}

Yah, yang bisa saya lihat di sana adalah bahwa Anda memiliki dua objek JSON, dipisahkan oleh koma. Jika keduanya berada di dalam array ( [...]) itu akan lebih masuk akal.

Dan, jika mereka ADA di dalam array, maka Anda hanya akan menggunakan jenis loop "for var i = 0 ..." standar. Seperti itu, saya pikir itu akan mencoba untuk mengambil properti "id" dari string "1", lalu "id" dari "hai", dan seterusnya.

Solusi singkat menggunakan mapdan fungsi panah

var data = [{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}];
data.map((item, i) => console.log('Index:', i, 'Id:', item.id));

Dan untuk menutup kasus-kasus ketika properti "id"tidak ada, gunakan filter:

var data = [{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}, {
  "msg": "abcde",
  "tid": "2013-06-06 23:46",
  "fromWho": "[email protected]"
}];

data.filter(item=>item.hasOwnProperty('id'))
                .map((item, i) => console.log('Index:', i, 'Id:', item.id));

oh my ... mengapa semua orang membuat ini sangat sulit !!?

cuplikan data Anda perlu diperluas sedikit, dan harus dengan cara ini menjadi json yang tepat. perhatikan saya hanya memasukkan atribut array name "item"

{"item":[
{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}]}

skrip java Anda sederhana

var objCount = json.item.length;
for ( var x=0; x < objCount ; xx++ ) {
    var curitem = json.item[x];
}