获取对象的键和值
麒麒(小姐姐哦)来啦!!!今天的内容是`获取对象的键和值`
代码是看不会的!!!~~~ 一定要动手呦!
如果对你有帮助 就支持下我呦!♥
先来回顾下涉及的js内容
- js中获取对象的值有两种方式:
- 点(.)的方式,如
obj.name
- 如果对象的key是变量,则不可以使用点的方式,使用[]方式获取值, 如
obj[name]
- js中数组的返回值
Object.keys(obj)
// 返回一个数组类型的数据,返回内容是对象的键(key)Object.values(obj)
// 返回一个数组类型的数据,返回内容是对象的值(value)
获取对象的内容
这里使用 Object.keys(obj)
与 map()
方法
<div id="demoReact"></div>
<script type="text/babel">
let obj = {
name: "qiqi",
age: "20"
}
console.log(Object.keys(obj), 'obj');
let myDemo = <div>
{Object.keys(obj).map((v,i)=>{
return <p key={i}>{v}(key)---- (value){obj[v]}</p>
})}
</div>;
ReactDOM.render(myDemo,document.getElementById("demoReact"))
</script>
输出结果:
- 页面显示:
name(key)---- (value)qiqi
age(key)---- (value)20 - 控制台显示: