数组的对象元素,按照对象的某个键分类,把键的值相同的放到一个数组里,生成一个新的二维数组

数组排序与分类
本文介绍了一种使用JavaScript对数组进行排序的方法,并进一步实现按特定属性值进行分类的技术。通过示例代码展示了如何先对对象数组根据指定字段进行排序,再将相同属性值的对象归为一组。

基础:数组的sort方法

 let arr = [
 { name: "xue", age: "li" }, { name: "zhong", age: "wang" },
 { name: "han", age: "liu" }, { name: "dao", age: "wang" },
 { name: "xing", age: "wang" }, { name: "cheng", age: "zhang" },
 { name: "feng", age: "li" }, { name: "nian", age: "li" },
 { name: "jiang", age: "liu" }, { name: "ni", age: "liu" },
 { name: "xu", age: "zhang" }, { name: "xiao", age: "zhang" }
 ]
 let arr2 = arr.sort(function (a, b) {
     var s = a["age"],
         t = b["age"];
      return s < t ? -1 : 1;
   });
 console.log(arr2);

结果:在这里插入图片描述
分类

function 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];
            }
            // 将相同类别的对象添加到统一个数组
            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);
            return _arr;
        }
        let arr = [
         { name: "xue", age: "18" }, { name: "zhong", age: "18" }, 
         { name: "han", age: "19" }, { name: "dao", age: "19" }, 
         { name: "xing", age: "19" },{ name: "cheng", age: "19" },
         { name: "feng", age: "20" }, { name: "nian", age: "20" }, 
         { name: "jiang", age: "18" }, { name: "ni", age: "19" }, 
         { name: "xu", age: "20" }, { name: "xiao", age: "18" }
         ]
        let arr2 = sortArr(arr, "age")
        console.log(arr2);

结果:二维数组

JavaScript 中,将对象数组中某个字段相同对象合并并生成对象数组有多种方法,下面介绍几种常见的实现方式。 ### 方法一:将相同`name`字段属性的对象放入`children`的数组中 ```javascript function handlerDatas(arr) { const obj = {}; let keyList = []; arr.forEach((item) => { const { name } = item; if (!obj[name]) { obj[name] = { name, children: [] }; keyList.push(obj[name]); } obj[name].children.push(item); }); return keyList; } // 示例数据 const result = [ { name: 'A', value: 1 }, { name: 'B', value: 2 }, { name: 'A', value: 3 } ]; const newArray = handlerDatas(result); console.log(newArray); ``` 此方法通过遍历数组,以`name`字段为创建一个对象,将具有相同`name`的对象放入`children`数组中,最终返回一个包含合并后对象的新数组[^1]。 ### 方法二:将数组对象根据某一重复字段分类生成新的数组对象 ```javascript let arr = [ { title: 'T1', scores: 80, other: 'info1' }, { title: 'T2', scores: 90, other: 'info2' }, { title: 'T1', scores: 85, other: 'info3' } ]; let tempArr = []; let Data = []; for (let i = 0; i < arr.length; i++) { if (tempArr.indexOf(arr[i].title) === -1) { Data.push({ title: arr[i].title, scores: arr[i].scores, dataInfo: [arr[i]] }); tempArr.push(arr[i].title); } else { for (let j = 0; j < Data.length; j++) { if (Data[j].title === arr[i].title) { Data[j].dataInfo.push(arr[i]); break; } } } } console.log(Data); ``` 该方法使用两个嵌套的`for`循环,先检查`title`字段是否已存在于`tempArr`中,如果不存在则创建一个对象并添加到`Data`数组中,若存在则将当前对象添加到对应的`dataInfo`数组中[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值