vue 数组对象只要其中两个属性 组成新的数组
时间: 2024-11-05 18:30:27 浏览: 17
vue 对象数组中,根据相同属性的数据合并,重组新的数组对象
在Vue.js中,如果你想从一个包含对象的数组中基于特定的两个属性生成一个新的数组,你可以使用`map()`函数。这个函数会遍历原数组中的每个元素,并对每个元素应用一个提供的映射函数,将结果存储在一个新数组中。
例如,假设你有一个对象数组,每个对象有`name`和`age`属性:
```javascript
let originalArray = [
{ name: 'Alice', age: 25 },
{ name: 'Bob', age: 30 },
{ name: 'Charlie', age: 35 }
];
```
你可以这样创建一个只包含姓名的新数组:
```javascript
let newArray = originalArray.map(item => item.name);
console.log(newArray); // 输出: ['Alice', 'Bob', 'Charlie']
```
如果你想同时包含姓名和年龄,可以稍微修改一下映射函数:
```javascript
let newArrayWithAge = originalArray.map(item => ({ name: item.name, age: item.age }));
console.log(newArrayWithAge);
```
这将返回一个新数组,每个元素都是一个包含姓名和年龄的对象。
阅读全文