js将数组中相同项放在一个数组

最新推荐文章于 2024-03-18 21:42:31 发布

原创最新推荐文章于 2024-03-18 21:42:31 发布 · 7.4k 阅读

29 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文介绍了一种使用JavaScript对数组进行排序和归类的方法，通过排序相同元素并将其放入同一数组来实现数据的有效管理和展示。文章详细展示了如何利用sort()方法结合循环结构，将具有相同属性值的对象收集到一起，并进一步整合成期望的格式。

js将数组中相同项放在一个数组
原本数组长这样：图一
在这里插入图片描述
想将数组中相同项放在一个数组
得到：图二

转换中也可以得到：图三

方法：

sortArr(arr, str) {
      var _arr = [],
        _t = [],
        // 临时的变量
        _tmp;

      // 按照特定的参数将数组排序将具有相同值得排在一起
      arr = arr.sort(function (a, b) {
        var s = a[str],
          t = b[str];

        return s < t ? -1 : 1;
      });

      if (arr.length) {
        _tmp = arr[0][str];
      }
      // console.log( arr );
      // 将相同类别的对象添加到统一个数组
      for (var i in arr) {
        if (arr[i][str] === _tmp) {
          _t.push(arr[i]);
        } else {
          _tmp = arr[i][str];
          _arr.push(_t);
          _t = [arr[i]];
        }
      }
      // 将最后的内容推出新数组
      _arr.push(_t); //获取到所有整合数据
      console.log(_arr);//可以得到图三
      // 终极整合
      var integration = [];
      _arr.forEach((item) => {
        var eee = { name: "", data: [] };
        item.forEach((self) => {
          if (eee.name != self.payType) {
            eee.name = self.payType;
            eee.data.push(self.money);
          } else {
            eee.data.push(self.money);
          }
        });
        integration.push(eee);
      });
      console.log(integration);//图二
      return integration;
    },

调用
在这里插入图片描述