数据：

账单id[1,1,1,1,2,2,2,3,3,3,3,3,3,3],

相对于账单id的金额[100,120,110,150,200,180,220,115,150,120,180,220,140,200],

要求：

去重账单id数组，按id分组账单金额总额数组，按账单分组账单金额明细（二维数组）。

JS方法实现：(该方法的前提是id与金额一一对应，且id已经排序)

  /**

   * 重构公司id和金额数组

   * @param arrId:companyId数组

   * @param arrAmount:金额数组

   * @returns ids:去重后的id数组

   * @returns amount:按id分组求和的金额数组

   * @returns groupAmount:按id分组的二位金额数组

   */

  function uniqueArray(arrId,arrAmount){

      var ids = new Array(); //存放id新数组

      var amount = new Array();//存放金额新数组

      var groupAmount = new Array();//分组金额数组

      var res =[ids,amount,groupAmount];//结果数组

      var json = {};

      var index =0;

      for(var i = 0; i < arrId.length; i++){

          if(!json[arrId[i]]){//不重复操作

              ids.push(arrId[i]);

              amount.push(arrAmount[i]);

              json[arrId[i]] = 1;

              groupAmount[index]=new Array();//声明二维数组

              groupAmount[index].push(arrAmount[i]);

              index++;

          }else{ //重复时操作

              amount[index-1] = parseFloat(amount[index-1])+ parseFloat(arrAmount[i]);

              groupAmount[index-1].push(arrAmount[i]);

          }

      }

      return res;

  }

无序id的实现后续。。。

无序id数组的实现，示例代码如下：

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<script type="text/javascript">

    var arrId =[1,1,2,1,3,1,2,3,3,3,2,3,3,3];

    var arrAmount = [100,120,110,150,200,180,220,115,150,120,180,220,140,200];

    var tmpRes = uniqueArray(arrId,arrAmount);

    alert(tmpRes[0]+'----'+tmpRes[1]+'----'+tmpRes[2][0]+'||'+tmpRes[2][1]+'||'+tmpRes[2][2]);

    function uniqueArray(arrId,arrAmount){

        var ids = new Array(); //存放id新数组

        var amount = new Array();//存放金额新数组

        var groupAmount = new Array();//分组金额数组

        var res =[ids,amount,groupAmount];//结果数组

        var json = {};

        var index =0;

        for(var i = 0; i < arrId.length; i++){

            if(!json[arrId[i]]){//不重复操作

                ids.push(arrId[i]);

                amount.push(arrAmount[i]);

                json[arrId[i]] = 1;

                groupAmount[index]=new Array();//声明二维数组

                groupAmount[index].push(arrAmount[i]);

                index++;

            }else{ //重复时操作

                //求arrId[i]的值位于ids的位置--这样才保证无序也可以实现

                var ins = getIndexofOb(ids,arrId[i]);

//                amount[index-1] = parseFloat(amount[index-1])+ parseFloat(arrAmount[i]);

//                groupAmount[index-1].push(arrAmount[i]);

                amount[ins] = parseFloat(amount[ins])+ parseFloat(arrAmount[i]);

                groupAmount[ins].push(arrAmount[i]);

            }

        }

        return res;

    }

    /**

     * 返回ob在arrOb中索引值，若不存在，返回-1

     * @param arrOb

     * @param ob

     * @returns {number}

     */

    function getIndexofOb(arrOb,ob){

        for(var i= 0;i<arrOb.length;i++){

            if(ob==arrOb[i]){

                return i;

            }

        }

        return -1;

    }

</script>

<body>

</body>

</html>

JS去重函数的扩展应用的更多相关文章

  1. JS的函数

    函数由四部分组成 function+function name+parameter+body 方法调用模式 Object.add(); 函数调用模式: add(3,4) 构造器调用模式:JS是基于原型 ...

  2. JS匿名函数的理解

    js匿名函数的代码如下:(function(){ // 这里忽略jQuery 所有实现 })(); 半年前初次接触jQuery 的时候,我也像其他人一样很兴奋地想看看源码是什么样的.然而,在看到源码的 ...

  3. ES6入门之函数的扩展

    函数js原有的: 属性:arguments[].caller(调用该函数的引用,注意与callee分别开,callee指的是调用函数本身经常在递归中出现).length(形参个数).prototype ...

  4. IE7、IE8不兼容js trim函数的解决方法

    IE兼容,有时候让人头疼,但又不得不去解决. 先看看一下代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh ...

  5. 转载 jQuery和js自定义函数和文件的方法（全网最全）

    jQuery和js自定义函数和文件的方法(全网最全)    版权声明:本文为像雾像雨又像风_http://blog.csdn.net/topdandan的原创文章,未经允许不得转载. https:// ...

  6. 【node.js】函数、路由

    Node.js中函数的使用与Javascript类似,一个函数可以作为另一个函数的参数.我们可以先定义一个函数,然后传递,也可以在传递参数的地方直接定义函数. function say(word) { ...

  7. ES6 - Note3：数组、对象与函数的扩展

    一.数组的扩展,ES6在数组扩展了一些API,以实现更多的功能 1.Array.from:可以将类数组和可遍历的数据结构转换成真正的数组,如下所示 var a = { '0':1,'1':1,leng ...

  8. JS回调函数全解析教程

    转自:http://blog.csdn.net/lulei9876/article/details/8494337 自学jQuery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速g ...

  9. 学习js回调函数

    <!DOCTYPE HTML> <html> <head> <meta charset="GBK" /> <title> ...

随机推荐

  1. oracle sql语句学习（一）

    oraclexe 11.0.2.0 输出到文件 SQL>spool /*完整路径*/; SQL>spool off; 多表自然链接 select spj.sno from spj join ...

  2. springboot配置多个yml文件

    新接触了springboot项目,yml一大堆,启动不知道用的哪个,各种百度后: <profiles> <profile> <id>dev</id> & ...

  3. Linux文件共享的实现方式

    前两天跟老师去北京开了一个会议,好久没学习了,今天才回学校,其中的辛酸就不说了.来正文: 1.什么是文件共享 (1).文件共享就是同一个文件(同一个文件指的是同一个inode,同一个pathname) ...

  4. Python3.7离线安装Requests无法正常使用问题

    继续搬砖...... 春节前,克服了网络受限的情况下离线安装Python库文件问题,传送门如下: https://www.cnblogs.com/mrgavin/p/12202214.html htt ...

  5. Activity组件（三）：通过对象实现信息添加及展示

    在对组件进行注册时,只注册了EditText,却忘记了Button,导致程序一直闪退 输入信息 点击添加 成功跳转页面,并将数据传递 User.java package com.example.reg ...

  6. python中__call__方法

    在 Python 中提供了__call__ 方法,允许创建可调用的对象(实例).如果类中实现了 __call__ 方法,则可以像使用函数一样使用类. 例如简单的封装一个接口 get/post 方法: ...

  7. IdentityServer4之Token令牌获取流程分析

    1.asp.net core 是基于管道模式IdentityServer会在注册一个管道处理程序 IdentityServerMiddleware 类专门处理登录验证的逻辑,本次主要讲的是access ...

  8. C语言入门基础整理

    学习计算机技术,C语言可以说是必备的,他已经成为现在计算机行业人学习必备的,而且应用也是十分的广泛,今天就来看看拥有几年c语言工作经验的大神整理的C语言入门基础知识,没有学不会,只有不肯学. 结构化程 ...

  9. CodeForces 438D The Child and Sequence (线段树 暴力)

    传送门 题目大意: 给你一个序列,要求在序列上维护三个操作: 1)区间求和 2)区间取模 3)单点修改 这里的操作二很讨厌,取模必须模到叶子节点上,否则跑出来肯定是错的.没有操作二就是线段树水题了. ...

  10. 23）PHP，数组操作函数

    汇总: