我要评论获取对象的键和值
麒麒（小姐姐哦）来啦！！！今天的内容是`获取对象的键和值`
代码是看不会的！！！~~~ 一定要动手呦！
如果对你有帮助 就支持下我呦！♥
先来回顾下涉及的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 - 控制台显示：
本文地址：https://blog.csdn.net/Q_do_it/article/details/107383242
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！
网友评论