JS实现JSON数组去重步骤详解

这次给大家带来JS实现JSON数组去重步骤详解,JS实现JSON数组去重的注意事项有哪些,下面就是实战案例,一起来看一下。

需求描述:去除JSON数组中paymode字段相同的项,并将paymoney累加。

paylist:[{paymode:'1',payname:"现金",paymoney:"20"},{paymode:'2',payname:"支付宝",paymoney:"50"},{paymode:'1',payname:"现金",paymoney:"40"}]

登录后复制

function UniquePay(paylist){  var payArr = [paylist[0]];  for(var i = 1; i < paylist.length; i++){    var payItem = paylist[i];    var repeat = false;    for (var j = 0; j < payArr.length; j++) {     if (payItem.paymode == payArr[j].paymode) {        payArr[j].paymoney = parseFloat(payArr[j].paymoney)+parseFloat(payItem.paymoney);         repeat = true;         break;     }   }       if (!repeat) {         payArr.push(payItem);       }  }  return payArr;}

登录后复制

通用的JSON数组去重

/* * JSON数组去重 * @param: [array] json Array * @param: [string] 唯一的key名,根据此键名进行去重 */function uniqueArray(array, key){  var result = [array[0]];  for(var i = 1; i < array.length; i++){    var item = array[i];    var repeat = false;    for (var j = 0; j < result.length; j++) {      if (item[key] == result[j][key]) {        repeat = true;        break;      }    }    if (!repeat) {      result.push(item);    }  }  return result;}

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

Koa项目搭建步骤详解

JS实现文本字体打印界面

vue-simplemde实现图片拖拽粘贴功能(附代码)

以上就是JS实现JSON数组去重步骤详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2766269.html

(0)
上一篇 2025年3月8日 11:12:39
下一篇 2025年3月7日 17:15:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS几种数组遍历方法总结及对比

    这次给大家带来JS几种数组遍历方法总结及对比,JS几种数组遍历方法总结及对比的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历…

    2025年3月8日
    200
  • Mac里怎么安装nodejs

    这次给大家带来Mac里怎么安装nodejs,Mac里怎么安装nodejs的安装有哪些,下面就是实战案例,一起来看一下。 首先是打开node  nodejs 然后你会看见如下安装   点击上面的任何一个都可以完成下载,下载完成之后找到文件,一…

    2025年3月8日 编程技术
    200
  • vue-cli 3.0.x 入门详解

    这次给大家带来vue-cli 3.0.x 入门详解,vue-cli 3.0.x 使用的注意事项有哪些,下面就是实战案例,一起来看一下。 最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使…

    编程技术 2025年3月8日
    200
  • select内置组件使用详解

    这次给大家带来select内置组件使用详解,select内置组件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 1.整合了第三方 jQuery 插件 (select2) html, body { font: 13px/18px sa…

    2025年3月8日
    200
  • JS对图片进行黑白化设置

    这次给大家带来JS对图片进行黑白化设置,JS对图片进行黑白化设置的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML5推出了元素,使我们可以通过js动态的在 这个区域之中进行图像的绘制。而我们这次对图像的黑白化就是使用js操作元素 …

    2025年3月8日
    200
  • vue.js中安装npm步骤详解

    这次给大家带来vue.js中安装npm步骤详解,vue.js中安装npm的注意事项有哪些,下面就是实战案例,一起来看一下。 node.js是javascript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javas…

    2025年3月8日 编程技术
    200
  • bing Map使用步骤详解

    这次给大家带来bing Map使用步骤详解,bing Map使用的注意事项有哪些,下面就是实战案例,一起来看一下。 写在最前面 拥有全球数据库国内好像就只有百度地图有,高德、搜狗、腾讯的都不行,但是由于百度地图的数据更新不及时,所以在做相关…

    2025年3月8日 编程技术
    200
  • vue-cli多模块打包使用详解

    这次给大家带来vue-cli多模块打包使用详解,vue-cli多模块打包的注意事项有哪些,下面就是实战案例,一起来看一下。 场景 在实际的项目开发中会出现这样的场景,项目中需要多个模块(单页或者多页应用)配合使用的情况,而vue-cli默认…

    编程技术 2025年3月8日
    200
  • webpack热刷新与热加载使用详解

    这次给大家带来webpack热刷新与热加载使用详解,webpack热刷新与热加载使用的注意事项有哪些,下面就是实战案例,一起来看一下。 webpack非常的强大,合理的脚手架可以为我们的工作省去众多繁琐无意义的工作。其中热刷新、热加载相较于…

    编程技术 2025年3月8日
    200
  • webpack模块热替换使用详解

    这次给大家带来webpack模块热替换使用详解,webpack模块热替换使用的注意事项有哪些,下面就是实战案例,一起来看一下。 全称是Hot Module ReplaceMent(HMR),理解成热模块替换或者模块热替换都可以吧,和.net…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论