使用 forEach [关闭] 遍历对象数组

Question

关闭。 此问题不可重现或由错别字引起。 它目前不接受答案。

---

这个问题是由于错别字或无法再重现的问题引起的。 虽然这里可能会出现类似的问题，但这个问题的解决方式不太可能帮助未来的读者。

1 年前关闭。

改进这个问题

具有以下输入：

const myArray = [{data: {value: 1, name: 'john', age: 22 } },{data: {value: 2, name: 'mike', age: 42 } }];

需要遍历该数组以创建一个仅包含部分数据的新数组，在本例中为姓名和年龄。

结果应该是： [{name: 'john', age: 22 }, {name: 'mike', age: 42 }]

我试过使用 forEach：

const result = myArray.forEach(el => ({el.data.name, el.data.age}));

这个解决方案有什么问题？

Answer 1

由于Array#forEach()方法不返回值，因此我们不将其分配给变量，而是像循环一样使用它：

 const myArray = [{data: {value: 1, name: 'john', age: 22 } },{data: {value: 2, name: 'mike', age: 42 } }]; const result = []; myArray.forEach( ({data: {name,age}}) => result.push( {name,age} ) ); console.log( result );

或：

 const myArray = [{data: {value: 1, name: 'john', age: 22 } },{data: {value: 2, name: 'mike', age: 42 } }]; const result = []; myArray.forEach( ({data: {value, ...desired}}) => result.push( desired ) ); console.log( result );

Answer 2

使用map并在一行中解构。 由于您需要具有相同数量项目的新数组， map将很方便。

 const myArray = [ { data: { value: 1, name: "john", age: 22 } }, { data: { value: 2, name: "mike", age: 42 } }, ]; const result = myArray.map(({ data: { name, age } }) => ({ name, age })); console.log(result);

Answer 3

您不能使用 foreach 修改数组，因为它不返回任何内容。 为此，您必须使用map 。

此外，您无需指定每个元素，只需将其设置为el.data

 var myArray = [{data: {value: 1, name: 'john', age: 22 } },{data: {value: 2, name: 'mike', age: 42 } }]; const result = myArray.map(el => el.data); console.log(result);