呐,一般数组常见,对象的话,如何遍历呢?因为对象存在属性(类似数组的key),使用forEach是不灵的。
随时翻了些资料,示例代码如下:
let obj={
name:"小东",age:"18",sex:"男"
}
//通常取值的方式
//1.对象.属性
console.log(obj.name); //小东
//2.对象["属性"]
console.log(obj["name"]); //小东
//3.返回一个数组类型的数据 返回的内容是对象中的键
console.log(Object.keys(obj)) //["name", "age", "sex"]
//4.返回以后个数组类型的数据 返回的内容是对象中的值
console.log(Object.values(obj))// ["小东", "18", "男"]
Object.keys(obj).map((v,i)=>{
//加上kye={i},控制台就不会报错
return <p key={i}>遍历的属性是:{v},遍历的值:{obj[v]}</p>
});
参考资料
React之遍历对象_chd_sun的博客-程序员秘密_react遍历对象
如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用,捐赠和留言 将是对我最好的支持~(捐赠可转为站内积分)
如愿意,请向朋友推荐本站,谢谢。
尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。