Site icon 时鹏亮的Blog

React 如何遍历对象

请知悉:本文最近一次更新为 3年 前,文中内容可能已经过时。

呐,一般数组常见,对象的话,如何遍历呢?因为对象存在属性(类似数组的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遍历对象


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《React 如何遍历对象》相关的博文:

Exit mobile version