再react中使用foreach遍歷多種數據

背景:有兩種結構：對象和數組，對象是沒有length這個屬性，而數組結構是有的，下面分別說下這兩種結構之間的區別和遍歷方式。

1.對象

一個對象以"{"開始，"}"結束。每個"key"後跟一":"，"'key/value' 對"之間運用 ","分隔。

let myJson = {"name": "timor", "password": "1111"};

for (var val in myJson) {

console.log(val + " " + myJson[val]); 

}

輸出結果如下:

2.數組

數組是值的有序集合。一個數組以"["開始,"]"結束。值之間運用 ","分隔。

2.1無規律json數組：

let json = [{AA: 'aa', BB: 'bb', cc: 123}, {DD: 'dd', EE: 'ee'}];

for (var i = 0, l = json.length; i < l; i++) {

  for (var key in json[i]) {
      console.log(key + ':' + json[i][key]);
  }

}

輸出結果如下:

2.2有規律json數組：

let packJson = [

{"name": "timor", "password": "1111"},
{"name": "tony", "password": "2222"}

];

for(var i = 0; i < packJson.length; i++){

console.log(packJson[i].name + ":" + packJson[i].password);

}

也可以這樣寫：

for(var i = 0; i < packJson.length; i++){

console(packJson[i].name + " " + packJson[i].password);

}
輸出結果如下: