js筛选出数组中文档类型 视频类型的数据
时间: 2023-11-27 20:55:18 浏览: 36
假设你有一个数组 `data`,其中包含了许多对象,每个对象都有一个 `type` 属性,表示它的类型。你可以使用 `filter` 方法来筛选出文档类型和视频类型的数据,代码如下:
```javascript
const data = [
{ type: '文档', name: '文档1' },
{ type: '视频', name: '视频1' },
{ type: '图片', name: '图片1' },
{ type: '文档', name: '文档2' },
{ type: '视频', name: '视频2' },
];
const documents = data.filter(item => item.type === '文档');
const videos = data.filter(item => item.type === '视频');
console.log(documents); // 输出 [{ type: '文档', name: '文档1' }, { type: '文档', name: '文档2' }]
console.log(videos); // 输出 [{ type: '视频', name: '视频1' }, { type: '视频', name: '视频2' }]
```
在上面的例子中,我们使用了 `filter` 方法来过滤数组中的数据,传入一个回调函数作为参数。回调函数接收一个参数 `item`,表示数组中的每个元素。在回调函数中,我们判断 `item.type` 是否等于 `'文档'` 或者 `'视频'`,如果是,就将这个元素添加到 `documents` 或者 `videos` 数组中。最后,我们分别输出了 `documents` 和 `videos` 数组。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_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)