const arr1 = [{name: 'John', age: 30}, {name: 'Mary', age: 25}]; 遍历出valuse
时间: 2024-03-19 09:46:16 浏览: 55
使用递归遍历对象获得value值的实现方法
你可以使用 `Array.prototype.map()` 方法来遍历数组并返回一个新的数组,其中包含指定属性的值。以下是一个示例代码:
```javascript
const arr1 = [{name: 'John', age: 30}, {name: 'Mary', age: 25}];
const values = arr1.map(obj => obj.name);
console.log(values); // 输出 ["John", "Mary"]
```
上述代码中,我们使用 `map()` 方法将原数组 `arr1` 中每个对象的 `name` 属性的值映射到一个新数组 `values` 中。
如果你想要遍历多个数组对象并返回一个新的数组,你可以使用 `Array.prototype.reduce()` 方法。以下是一个示例代码:
```javascript
const arr1 = [{name: 'John', age: 30}, {name: 'Mary', age: 25}];
const arr2 = [{name: 'Bob', age: 40}, {name: 'Jane', age: 35}];
const values = [arr1, arr2].reduce((acc, arr) => {
return acc.concat(arr.map(obj => obj.name));
}, []);
console.log(values); // 输出 ["John", "Mary", "Bob", "Jane"]
```
上述代码中,我们使用 `reduce()` 方法将多个数组对象合并成一个数组,并使用 `map()` 方法将每个对象的 `name` 属性的值映射到一个新数组中。最后,我们使用 `concat()` 方法将多个新数组合并成一个数组。
阅读全文