通常我们在前台会遇到对象,需要对其中的属性遍历
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", "男"]
显示如下
在react之中怎么遍历呢?
//创建一个对象
let obj={
name:"小东",age:"18",sex:"男"
}
let myDom=<div>{
Object.keys(obj).map((v,i)=>{
//加上kye={i},控制台就不会报错
return <p key={i}>遍历的属性是:{v}----------遍历的值:{obj[v]}</p>
})
}
</div>
ReactDOM.render(myDom,document.getElementById("demoReactId"))