React基础（四）- 获取对象的键和值

获取对象的键和值

麒麒（小姐姐哦）来啦！！！今天的内容是`获取对象的键和值`
代码是看不会的！！！~~~ 一定要动手呦！
如果对你有帮助 就支持下我呦！♥

先来回顾下涉及的js内容

• js中获取对象的值有两种方式：

1. 点（.）的方式，如 obj.name
2. 如果对象的key是变量，则不可以使用点的方式，使用[]方式获取值， 如 obj[name]

• js中数组的返回值

1. Object.keys(obj) // 返回一个数组类型的数据，返回内容是对象的键（key）
2. 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