uniapp vue如果我的数组有5个参数但是我要其中3个怎么办?
时间: 2023-12-23 08:06:32 浏览: 33
你可以在使用 `Array.prototype.map()` 方法时只提取你需要的属性,而不是全部属性。
例如,假设你有一个如下所示的数组 `items`,其中包含多个对象,每个对象都有 `name`、`age`、`gender`、`address` 和 `phone` 等属性:
```javascript
const items = [
{ name: 'Alice', age: 25, gender: 'female', address: 'Beijing', phone: '123456789' },
{ name: 'Bob', age: 30, gender: 'male', address: 'Shanghai', phone: '987654321' },
{ name: 'Charlie', age: 35, gender: 'male', address: 'Guangzhou', phone: '111222333' }
];
```
现在,如果你只想提取每个对象的 `name`、`age` 和 `gender` 属性,并存储在新的数组 `data` 中,可以使用以下代码:
```javascript
const data = items.map(item => ({ name: item.name, age: item.age, gender: item.gender }));
```
在上面的代码中,我们使用了箭头函数的简写形式,并在 `Array.prototype.map()` 方法中返回了一个新的对象,其中只包含需要的属性。最终,我们得到了一个新的数组 `data`,其中包含了所有对象的 `name`、`age` 和 `gender` 属性。
注意:在实际项目中,你需要根据具体需求编写提取规则,并使用合适的语法来提取你需要的属性。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)