vue 将三维数组的某个字段取出 形成一个二维数组
时间: 2024-03-10 11:43:55 浏览: 126
js一维数组与三维数组互动,数据转换,类似购物车添加删除
假设你有一个三维数组 `arr`,每个元素都是一个对象,你想从其中取出每个元素的某个字段,形成一个二维数组 `newArr`,那么你可以使用 `map` 方法遍历原数组,然后再使用 `map` 方法遍历每个元素的子数组,最后将所需字段取出并放入新数组中。
代码示例:
```javascript
const arr = [
[
{ id: 1, name: 'A' },
{ id: 2, name: 'B' },
{ id: 3, name: 'C' }
],
[
{ id: 4, name: 'D' },
{ id: 5, name: 'E' },
{ id: 6, name: 'F' }
]
];
const field = 'name';
const newArr = arr.map(subArr => subArr.map(item => item[field]));
console.log(newArr); // 输出 [['A', 'B', 'C'], ['D', 'E', 'F']]
```
上述代码中,外层的 `map` 方法遍历原数组中的每个子数组,内层的 `map` 方法遍历子数组中的每个元素,最终将元素的 `name` 属性取出并放入新数组中。需要注意的是,内层的 `map` 方法返回的是一个新数组,该数组中只包含所需字段的值。
阅读全文