再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);

}
输出结果如下: