如何将数组中的值映射到对象数组？

Question

我有两个相同大小的数组。 第一个是对象数组，第二个是数字数组。 我正在寻找一种优雅的方法来将第二个数组的值映射到第一个数组的每个对象的新字段上。 这是我的代码：

 // Let's say that after my back-end request, I end up with these arrays let promises = [{data: {count:56}}, {data: {count:29}}] let users = [{id:1, name:'Alice'}, {id:2, name: 'Bob'}] // I'd like to add the 'count' value to each user users.map((user,index) => user.newField = promises[index].data.count) // Expected output : [{id:1, name:'Alice', newField:56}, {id:2, name: 'Bob', newField:29}] console.log(users)

编辑

实际上，在复制和更改我的代码时，我发现了我的错误。 如果有人有更清洁的方法，我会很高兴看到它。 我认为它可能会有所帮助，所以无论如何我都会发布它。

Answer 1

你的方式完全没问题，但我想以适当的方式使用map()并且不要改变原始数据。

 let promises = [{data: {count:56}}, {data: {count:29}}] let users = [{id:1, name:'Alice'}, {id:2, name: 'Bob'}] const res = users.map((x, i) => ({...x, newField: promises[i].data.count})); console.log(res)

您可以在promises上使用forEach并使用解构语法

 let promises = [{data: {count:56}}, {data: {count:29}}] let users = [{id:1, name:'Alice'}, {id:2, name: 'Bob'}] promises.forEach(({data: {count}}, i) => users[i].newField = count ) console.log(users)

Answer 2

我想你想要这样的东西——

 let promises = [{data: {count:56}}, {data: {count:29}}] let users = [{id:1, name:'Alice'}, {id:2, name: 'Bob'}]; const newUsers = users.map((value, index) => { value.count = promises[index].data.count; return value; }); console.log(newUsers);