JS实现合并两个数组并去除重复项只留一个的方法

 更新时间:2015年12月17日 09:46:12   作者:流失的痕迹  
这篇文章主要介绍了JS实现合并两个数组并去除重复项只留一个的方法,涉及JavaScript数组合并及去重的相关技巧,需要的朋友可以参考下

本文实例讲述了JS实现合并两个数组并去除重复项只留一个的方法。分享给大家供大家参考,具体如下:

//It's merge arr1 and arr2 , delete the same element only leave one
//It's only apdapter array. If object, no. 
//The sequence of the two array is not required.
mergeArray:function (arr1, arr2){ 
 for (var i = 0 ; i < arr1.length ; i ++ ){
   for(var j = 0 ; j < arr2.length ; j ++ ){
    if (arr1[i] === arr2[j]){
     arr1.splice(i,1); //利用splice函数删除元素,从第i个位置,截取长度为1的元素
    }
   }
 }
 //alert(arr1.length)
 for(var i = 0; i <arr2.length; i++){
  arr1.push(arr2[i]);
 }
 return arr1;
}

另:前提是两个数组中的项没有重复,如果重复,将不能达到想要的效果

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • javascript中的replace函数(带注释demo)

    javascript中的replace函数(带注释demo)

    在js中有两个replace函数 一个是location.replace(url) 跳转到一个新的url.一个string.replace("xx","yy") 替换字符串 返回一个新的字符串,该方法并不改变字符串本身。下面通过本文给大家介绍javascript中的replace函数
    2018-01-01
  • 浏览器JavaScript调试功能无法使用解决方案

    浏览器JavaScript调试功能无法使用解决方案

    这篇文章主要介绍了浏览器JavaScript调试功能无法使用解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • JavaScript中运算符与数组扩展详细讲解

    JavaScript中运算符与数组扩展详细讲解

    这篇文章主要介绍了JavaScript中运算符与数组扩展方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-11-11
  • JavaScript初学者容易犯的几个错误

    JavaScript初学者容易犯的几个错误

    JavaScript 是对初学者比较友好的一门编程语言,基本上花个半小时看下语法就能写出能运行的代码。JavaScript 是动态脚本语言,对数据类型没有太多的限制,写起来非常灵活。但正因为如此,初学者如果不深入了解语言本身,往往会犯一些错误,从而导致一些很难发现的 bug。
    2021-05-05
  • 一步步教你利用Canvas对图片进行处理

    一步步教你利用Canvas对图片进行处理

    这篇文章主要给大家介绍了关于利用Canvas对图片进行处理的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-09-09
  • js实现文本框只允许输入数字并限制数字大小的方法

    js实现文本框只允许输入数字并限制数字大小的方法

    这篇文章主要介绍了js实现文本框只允许输入数字并限制数字大小的方法,涉及javascript对字符串正则判断及数值大小判断的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 微信小程序自定义弹框效果

    微信小程序自定义弹框效果

    这篇文章主要为大家详细介绍了微信小程序自定义弹框效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JavaScript中使用webuploader实现上传视频功能(demo)

    JavaScript中使用webuploader实现上传视频功能(demo)

    这篇文章主要介绍了webuploader实现上传视频功能,通过本文给大家介绍了上传视频和上传图片的区别讲解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-04-04
  • js 模仿锚点定位的实现方法

    js 模仿锚点定位的实现方法

    下面小编就为大家带来一篇js 模仿锚点定位的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • js禁止页面复制功能禁用页面右键菜单示例代码

    js禁止页面复制功能禁用页面右键菜单示例代码

    禁止页面复制功能、禁用页面右键菜单等等在浏览网页时想必大家都有遇到过吧,下面为大家详细介绍下使用js是如何实现的,感兴趣的朋友可以参考下
    2013-08-08

最新评论