react如何遍历并比较_再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);

}

输出结果如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值