element-plus 表格 对tableData某一列字段 信息分组并去重
时间: 2024-03-02 15:54:36 浏览: 39
可以使用 JavaScript 中的 Set 数据结构对 tableData 某一列的信息进行去重,然后再将去重后的信息按照自己的需求进行分组。以下是一个示例代码:
```javascript
// 假设 tableData 是一个包含数据的数组,其中有一个字段为 'col'
const data = [
{ col: 'A' },
{ col: 'B' },
{ col: 'A' },
{ col: 'C' },
{ col: 'B' },
{ col: 'D' },
{ col: 'E' },
{ col: 'C' },
{ col: 'A' },
];
// 使用 Set 对 col 字段进行去重
const colSet = new Set(tableData.map(item => item.col));
// 将去重后的信息转换为数组,并按照自己的需求进行分组
const result = Array.from(colSet).reduce((acc, cur) => {
const group = {
name: cur,
count: tableData.filter(item => item.col === cur).length,
// 其他自定义的信息
};
acc.push(group);
return acc;
}, []);
```
以上代码会将 tableData 中的 'col' 字段进行去重,并将去重后的信息按照 'name' 字段进行分组,同时还可以自定义其他的信息。你可以根据自己的实际需求进行修改。
相关推荐
![vue](https://img-home.csdnimg.cn/images/20210720083646.png)
![tgz](https://img-home.csdnimg.cn/images/20210720083646.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)