es6解构任务

时间:2017-04-24 14:17:24

标签: javascript reactjs ecmascript-6

我循环遍历一个对象以在dataSet中创建多个数组。

 dataSet = []
     this.props.users.map((item) => {
      dataSet.push([item.profile.firstName, item.profile.lastName])
     })

我如何申请es6解构?这是我尝试过的,但不断收到语法错误。

     dataSet = []
     this.props.users.map((item) => {
      let {firstName, lastName } = item.profile
      dataSet.push([firstName, lastName])
     })

1 个答案:

答案 0 :(得分:4)

首先,您通过在map内执行推送,为自己创造额外的工作。 Map会自然为您返回一个数组。试试这个片段:



let props = {
  users: [
    {
      profile: {
        firstName: "John",
        lastName: "Doe",
        sex: "male"
      }
    },
    {
      profile: {
        firstName: "Jane",
        lastName: "Doe",
        sex: "female"
      }
    }
  ]
};

const newArr = props.users.map(({profile: {firstName, lastName}}) => [firstName, lastName]);

console.log(newArr);