new map() 处理数组追加属性

最新推荐文章于 2024-07-30 20:22:46 发布

热忱学习

最新推荐文章于 2024-07-30 20:22:46 发布

阅读量514

点赞数

分类专栏： js 保存代码文章标签：前端 es6

本文链接：https://blog.csdn.net/qq_42180156/article/details/127126418

版权

本文介绍如何利用ES6中的Map对象处理数组，为数组元素追加新的属性，从原始数组arr转换成arr2。

摘要由CSDN通过智能技术生成

原始的数据结构是arr 要处理成arr2

var arr = [
  { id: 1, name: "zhangsan", count: 1 },
  { id: 2, name: "lisi", count: 2 },
  { id: 3, name: "zhangsan", count: 3 },
  { id: 4, name: "wangwu", count: 2 },
  { id: 5, name: "lisi", count: 5 },
  { id: 6, name: "zhangsan", count: 2 },
  { id: 7, name: "zhangsan", count: 1 },
];

/**1．唯一标识id；

2．追加属性rowspan - 按name 统计数量；

3．追加属性rowHeader—按name 分组后，第一个设置为1，其余设置为0；

*/

var arr2 = [
  { id: 1, name: "zhangsan", count: 1, rowspan: 4, rowHeader: 1 },
  { id: 2, name: "lisi", count: 2, rowspan: 2, rowHeader: 1 },
  { id: 3, name: "zhangsan", count: 3, rowspan: 4, rowHeader: 0 },
  { id: 4, name: "wangwu", count: 2, rowspan: 1, rowHeader: 1 },
  { id: 5, name: "1isi", count: 5, rowspan: 2, rowHeader: 0 },
  { id: 6, name: "zhangsan", count: 2, row