zoukankan      html  css  js  c++  java
  • 数组中的每一项按照某个属性分组

    var wang = [{g: 1, c:"aa"}, {g: 1, c: "bb"}, {g: 4, c: "cc"}, {g: 2, c: "dd"}, {g: 2, c:"ee"}, 
            {g: 2, c: "ff"}, {g: 3, c: "gg"}];
    
            var xxx = wang.map(function(item) {
                return item.g;
            });
            console.log("xxx: ",xxx);
    
            var yyy = [];
            xxx.forEach(function(item) {
                if (yyy.length > 0) {
                    if (yyy.indexOf(item) > -1) {
                        return 
                    } else {
                        yyy.push(item);
                    }
                } else {
                    yyy.push(item);
                }
            });
            console.log("yyy: ",yyy);
    
            var zzz = [];
            yyy.forEach(function(item) {
                zzz.push(wang.filter(function(apItem) {
                    return apItem.g == item;
                }));
            })
            console.log("zzz: ",zzz);
    

    简化附带说明版本:

     var wang = [{g: 1, c:"aa"}, {g: 1, c: "bb"}, {g: 4, c: "cc"}, {g: 2, c: "dd"}, {g: 2, c:"ee"}, 
            {g: 2, c: "ff"}, {g: 3, c: "gg"}];
    
            //提取所有g值得数组
            var xxx = wang.map(function(item) {
                return item.g;
            });
            console.log("xxx: ",xxx);
    
            //返回去重之后的数组。
            var yyy = [];
            xxx.forEach(function(item) {
                !(yyy.indexOf(item) > -1) && yyy.push(item)
            });
            console.log("yyy: ",yyy);
    
            var zzz = [];
            yyy.forEach(function(item) {
                //每次循环都会分组,分好的组分别push到zzz
                zzz.push(wang.filter(function(apItem) {
                    return apItem.g == item;
                }));
            });
    
        console.log("zzz: ",zzz);
  • 相关阅读:
    FireFox 火狐浏览器 新标签页的常用网站恢复默认设置
    有关BT下载的Tracker
    优化分页展示
    导航条
    Bootstrap栅格系统
    分页器
    浅谈深拷贝和浅拷贝
    浅谈==和===
    浅谈typeof 和instanceof
    浅谈JavaScript中的this
  • 原文地址:https://www.cnblogs.com/this-xiaoming/p/10174483.html
Copyright © 2011-2022 走看看