合并多个数组时如何去重数据

这次给大家带来合并多个数组时如何去重数据,合并多个数组时去重数据的注意事项有哪些,下面就是实战案例,一起来看一下。

var arr1 = ['a','b'];var arr2 = ['a','c','d'];var arr3 = [1,'d',undefined,true,null];//合并两个数组,去重var concat_ = function(arr1,arr2){  //不要直接使用var arr = arr1,这样arr只是arr1的一个引用,两者的修改会互相影响  var arr = arr1.concat();  //或者使用slice()复制,var arr = arr1.slice(0)  for(var i=0;i<arr2.length;i++){    arr.indexOf(arr2[i]) === -1 ? arr.push(arr2[i]) : 0;  }  return arr;}console.log(concat_(arr1,arr2));

登录后复制

运行结果:

合并多个数组时如何去重数据

var arr1 = ['a','b'];var arr2 = ['a','c','d'];var arr3 = [1,'d',undefined,true,null];//合并多个数组,去重var concat = function(arr1,arr2,arr3){  if(arguments.length <= 1){    return false;  }  var concat_ = function(arr1,arr2){    var arr = arr1.concat();    for(var i=0;i<arr2.length;i++){      arr.indexOf(arr2[i]) === -1 ? arr.push(arr2[i]) : 0;    }    return arr;  }  var result = concat_(arr1,arr2);  for(var i=2;i<arguments.length;i++){    result = concat_(result,arguments[i]);  }  return result;}console.log(concat(arr1,arr2,arr3));

登录后复制

运行结果:

合并多个数组时如何去重数据

//合并多个数组,去重,排序var arr1 = [1,6,4,0];var arr2 = [8,20,7,4.5];var arr3 = [6,0,7,90,2];var concat = function(arr1,arr2,arr3){  if(arguments.length <= 1){    return false;  }  var concat_ = function(arr1,arr2){    var arr = arr1.concat();    for(var i=0;i<arr2.length;i++){      arr.indexOf(arr2[i]) === -1 ? arr.push(arr2[i]) : 0;    }    return arr;  }  var result = concat_(arr1,arr2);  for(var i=2;i<arguments.length;i++){    result = concat_(result,arguments[i]);  }  //排序  function sortNumber(a,b){    return a - b;  }  return result.sort(sortNumber);}console.log(concat(arr1,arr2,arr3));

登录后复制

运行结果:

合并多个数组时如何去重数据

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

推荐阅读:

React props与state属性使用详解

jQuery实现鼠标点击悬浮特效

以上就是合并多个数组时如何去重数据的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 11:12:43
下一篇 2025年3月8日 11:12:54

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

相关推荐

  • jQuery实现追加数组并去重功能

    这次给大家带来jQuery实现追加数组并去重功能,jQuery实现追加数组并去重功能的注意事项有哪些,下面就是实战案例,一起来看一下。 jQuery不重复地追加数组元素<!–var arr=["tmp1",&qu…

    2025年3月8日
    200
  • 怎样获得Number类型数组中最大元素

    这次给大家带来怎样获得Number类型数组中最大元素,获得Number类型数组中最大元素的注意事项有哪些,下面就是实战案例,一起来看一下。 1. 不使用任何库函数 代码如下: function findMax1 (arr) { let re…

    编程技术 2025年3月8日
    200
  • react做出手机数据同步显示在界面功能

    这次给大家带来react做出手机数据同步显示在界面功能,react做出手机数据同步显示在界面的注意事项有哪些,下面就是实战案例,一起来看一下。 要求如下 输入框输入内容数据长度大于0,展示出预览信息 光标离开关闭预览信息 预览信息每隔4位插…

    编程技术 2025年3月8日
    200
  • json+springmvc如何批量添加数据

    这次给大家带来json+springmvc如何批量添加数据,json+springmvc批量添加数据的注意事项有哪些,下面就是实战案例,一起来看一下。 postman工具配置和数据准备: 1)在地址栏输入测试IP地址和端口号已经对应的接口地…

    2025年3月8日
    200
  • json对象如何实现数组键值大小写转换功能

    这次给大家带来json对象如何实现数组键值大小写转换功能,json对象实现数组键值大小写转换功能的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 最近在做一个项目,发现后端返回的数据键值全部都是大写的,有时候前端用起来很不方便,所以…

    编程技术 2025年3月8日
    200
  • axios怎样操作数据请求方式及跨域处理

    这次给大家带来axios怎样操作数据请求方式及跨域处理,axios操作数据请求方式及跨域处理的注意事项有哪些,下面就是实战案例,一起来看一下。 安装axios cnpm install axios –save 登录后复制 在要使用axio…

    编程技术 2025年3月8日
    200
  • Vue表单类的父子组件数据传递示例

    这篇文章主要介绍了关于vue表单类的父子组件数据传递示例,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 使用Vue.js进行项目开发,那必然会使用基于组件的开发方式,这种方式的确给开发和维护带来的一定的便利性,但如果涉及到组…

    编程技术 2025年3月8日
    200
  • Vue 实现树形视图数据功能

    这篇文章主要介绍了关于实现vue 实现树形视图数据功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 利用简单的树形视图实现,熟悉了组件的递归使用 这是模拟的树形图数据 let all={   name:’all’,   c…

    2025年3月8日 编程技术
    200
  • 浅谈Vue 数据响应式原理

    这篇文章主要介绍了关于浅谈vue 数据响应式原理,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 前言 Vue的数据响应主要是依赖了Object.defineProperty(),那么整个过程是怎么样的呢?以我们自己的想法来走…

    2025年3月8日 编程技术
    200
  • 浅谈Vue响应式(数组变异方法)

    这篇文章主要介绍了关于浅谈vue响应式(数组变异方法),有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 前言 很多初使用Vue的同学会发现,在改变数组的值的时候,值确实是改变了,但是视图却无动于衷,果然是因为数组太高冷了吗? …

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论