es6 destructuring assignment

Question

I'm looping over an object to create number of arrays inside dataSet.

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

How can I apply es6 destructuring? here is what I have tried, but keep getting syntax error.

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

Answer 1

First of all, you're creating extra work for yourself by performing push inside of map . Map will return an array for you naturally. Try this snippet out:

 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);