原生JavaScript实现合并多个数组示例
1、原生的JavaScript实现
var array1 = ["a", "b"];
var array2 = ["c", "d"];
我要合并后变成下面这样:
<span class="keyword" style="font-weight:bold">var</span> <span class="keyword" style="font-weight:bold">array</span>= [<span class="string" style="color:rgb(221,17,68)">"a"</span>, <span class="string" style="color:rgb(221,17,68)">"b"</span>, <span class="string" style="color:rgb(221,17,68)">"c"</span>, <span class="string" style="color:rgb(221,17,68)">"d"</span>];
可以使用
arr1.concat(arr2);
2、Jquery实现
$.merge(array1,array2);
console.log($.unique(array1));
相关推荐
-
JS合并数组的几种方法及优劣比较
本文属于JavaScript的基础技能. 我们将学习结合/合并两个JS数组的各种常用方法,并比较各种方法的优缺点. 我们先来看看具体的场景: 复制代码 代码如下: var q = [ 5, 5, 1, 9, 9, 6, 4, 5, 8]; var b = [ "tie", "mao", "csdn", "ren", "fu", "fei" ]; 很明显,数组 q 和 b 简单拼接的结果是
-
JavaScript中数组的合并以及排序实现示例
合并两个数组 - concat() 源代码: <!DOCTYPE html> <html> <body> <p id="demo">点击按钮合并数组.</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { var hege = ["Cecilie
-
JavaScript数组合并的多种方法
这是一篇简单的文章,关于JavaScript数组使用的一些技巧.我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点. 让我们先考虑下面这情况: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ]; 很显然最简单的结合结果应该是: [ 1
-
JavaScript合并两个数组并去除重复项的方法
本文实例讲述了JavaScript合并两个数组并去除重复项的方法.分享给大家供大家参考.具体实现方法如下: Array.prototype.unique = function() { var a = this.concat(); for(var i=0; i for(var j=i+1; j if(a[i] === a[j]) a.splice(j, 1); } } return a; }; //Demo var array1 = ["a","b"]; var ar
-
JavaScript及jquey实现多个数组的合并操作
1.原生的JavaScript实现 var array1 = ["a", "b"]; var array2 = ["c", "d"]; 我要合并后变成下面这样: <span class="keyword" style="font-weight:bold">var</span> <span class="keyword" style=&qu
-
使用不同的方法结合/合并两个JS数组
这是一篇简单的文章,关于JavaScript数组使用的一些技巧.我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点. 让我们先考虑下面这情况: 复制代码 代码如下: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ]; 很显然最简单的结
-
JS数组合并push与concat区别分析
本文实例讲述了JS数组合并push与concat区别.分享给大家供大家参考,具体如下: 注意 concat 拼写,二者功能很相像,但有两点区别. 先看代码: var arr = []; arr.push(1); arr.push([2, 3]); arr.push(4, 5); arr = arr.concat(6); arr = arr.concat([7, 8]); arr = arr.concat(9, 10); arr.each(function(index, value){ alert
-
JavaScript中将数组进行合并的基本方法讲解
这里简单地讲两种方法: 第一种 var mergeTo = [4,5,6], mergeFrom = [7,8,9]; mergeTo = mergeTo.concat(mergeFrom); mergeTo; // is: [4, 5, 6, 7, 8, 9] or var a = [1,2], b = [3,4], c = a.concat(b); 第二种 var mergeTo = [4,5,6], var mergeFrom = [7,8,9]; Array.prototype.push
-
JavaScript中合并数组的N种方法
这是一篇简单的文章,关于JavaScript数组使用的一些技巧.我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点. 让我们先考虑下面这情况: 复制代码 代码如下: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ]; 很显然最简单的结
-
JS实现合并两个数组并去除重复项只留一个的方法
本文实例讲述了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
随机推荐
- 一个典型的PHP分页实例代码分享
- JQuery.dataTables表格插件添加跳转到指定页
- 举例说明Java设计模式编程中ISP接口隔离原则的使用
- java实现读取、删除文件夹下的文件
- 利用PL/SQL从Oracle数据库导出和导入数据
- 原生js结合html5制作小飞龙的简易跳球
- 小议javascript 设计模式 推荐
- asp.net分割字符串的几种方法小结
- VisualStudio 2008中常用快捷键
- php实现网页端验证码功能
- 如何在一个页面显示多个百度地图
- python字符串的常用操作方法小结
- 超简单JS二级、多级联动的简单实例
- 微信开发准备第一步 Maven仓库管理新建WEB项目
- 解析android中隐藏与显示软键盘及不自动弹出键盘的实现方法
- Mysql数据库的一些命令
- jQuery选择器特殊字符与属性空格问题
- 微信小程序 wxapp地图 map详解
- C#数据库操作的用法
- 极为简易的Qno SmartLink IPSec VPN设定