zoukankan      html  css  js  c++  java
  • js 列表对象根据某一字段分类

    js 列表对象根据某一字段分类

    其实是这个意思,比如说我有一个列表,数据的样子是下面的样子,一个五种,分了两类,食物和饮料。我们想把这五种东西按照类别进行分类,就可以使用这个方式。

     [{
    	name: '苹果',
    	type: '食物',
    	price: '3'
      },{
    	name: '牛奶',
    	type: '饮料',
    	price: '2'
      },{
    	name: '香蕉',
    	type: '食物',
    	price: '2'
      },{
    	name: '果汁',
    	type: '饮料',
    	price: '3'
      },{
    	name: '菠萝',
    	type: '食物',
    	price: '4'
    }]
    

    直接上代码:

           // 数据分类  传进要分类的数据列表
          dealWithData(data) {
            let c = [];
            let d = {};
            data.forEach(element => {
              if (!d[element.type]) {  // 按照type分类
                c.push({
                  type: element.type,
                  list: [element]
                });
                d[element.type] = element;
              } else {
                c.forEach(ele => {
                  if (ele.type== element.type) {
                    ele.list.push(element);
                  }
                });
              }
            });
            return c;
          }
    

    分完类之后就是 :

     [{
    	type: '食物',
    	list: [{
    		name: '苹果',
    		type: '食物',
    		price: '3'
      	 },{
    		name: '香蕉',
    		type: '食物',
    		price: '2'
      	},{
    		name: '菠萝',
    		type: '食物',
    		price: '4'
    	}]
      },{
    	type: '饮料',
    	list: [{
    		name: '牛奶',
    		type: '饮料',
    		price: '2'
          },{
    		name: '果汁',
    		type: '饮料',
    		price: '3'
      	  }]
      }]
    

    就是这个样子,其实还有更多的办法,这是其中一个,其他的可以百度或者自己写一下。

    【版权声明】本博文著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处!
    【重要说明】本文为本菜鸟的学习记录,论点和观点仅代表个人不代表此技术的真理,目的是学习和可能成为向别人分享的经验,因此有错误会虚心接受改正,但不代表此时博文无误!
    【博客园地址】JayveeWong: http://www.cnblogs.com/wjw1014
    【CSDN地址】JayveeWong: https://blog.csdn.net/weixin_42776111
    【Gitee地址】Jayvee:https://gitee.com/wjw1014
    【GitHub地址】Jayvee:https://github.com/wjw1014
  • 相关阅读:
    数据库——大事务
    数据库——性能理解
    java——通过GenericObjectPool获取到的资源,调用close()方法会close还是returnObject?
    gradle——入门
    MongoDB——morphia
    jvm——Java main方法的执行
    sql——limit
    阿里云Open API自动化脚本—ECS公网IP转化弹性公网IP
    阿里云共享带宽
    mysql5.x安装脚本
  • 原文地址:https://www.cnblogs.com/wjw1014/p/15176568.html
Copyright © 2011-2022 走看看