数据：

账单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. 探讨 Git 代码托管平台的若干问题 - 2019 版

    关于 Git 版本控制软件种类繁多,维基百科收录的最早的版本控制系统是 1972 年贝尔实验室开发的 Source Code Control System.1986 年 Concurrent Vers ...

  2. MySQL和Java数据类型对照表

    Java MySQL数据类型对照 类型名称 显示长度 数据库类型 JAVA类型 JDBC类型索引(int) 描述             VARCHAR L+N VARCHAR java.lang.S ...

  3. Java 创建类的过程

    创建对象过程: 堆分配父类空间 堆分类子类空间 属性初始化 调用构造方法(第一行是调用父类构造方法)

  4. mysql 不停机 短时间锁表 备份 主备同步 新增备份机器

    刷新数据   [root@localhost ~]# mysql -e 'flush tables with read lock;' 锁表刷新表数据   [root@localhost ~]# mys ...

  5. Office文档WEB端在线浏览（转换成Html）

    最近在做了一个项目,要求是对Office文档在线预览.下面给大家分享一下我的方法. 1.第一种方法(不建议使用)我是在网上搜了一个利用COM组件对office文档进行转换,但是此方法必须要装Offic ...

  6. 如何把word文档导入到数据库中——java POI

    本文方法借鉴于https://www.cnblogs.com/ljysy/p/10574197.html 在经过朋友的指导下,在处理文档的方式上有所不同. 我的数据库使用的是SQL server,这篇 ...

  7. python中__call__方法

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

  8. iTOP-3399开发板搭建Android编译坏境

    基于迅为iTOP-3399开发板2.1 装 安装 d android  源码依赖包登录进 Ubuntu 系统,输入“ctrl+alt+t”,打开超级终端,使用“su root”命令,切换到 root ...

  9. mysql only_full_group_by

    下载安装的是最新版的mysql5.7.x版本,默认是开启了 only_full_group_by 模式的,但开启这个模式后,原先的 group by 语句就报错,然后又把它移除了. 一旦开启 only ...

  10. python机器学习（2：KNN算法）

    1.KNN 简介:knn算法是监督学习中分类方法的一种.它又被叫k近邻算法,是一个概念极其简单而分类效果又很优秀的分类算法. 核心思想:在训练集中选出离输入的数据最近的k个数据,根据这k个数据的类别判 ...