原生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));
相关推荐
-
JavaScript中数组的合并以及排序实现示例
合并两个数组 - concat() 源代码: <!DOCTYPE html> <html> <body> <p id="demo">点击按钮合并数组.</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { var hege = ["Cecilie
-
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
-
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
-
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数组合并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
-
使用不同的方法结合/合并两个JS数组
这是一篇简单的文章,关于JavaScript数组使用的一些技巧.我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点. 让我们先考虑下面这情况: 复制代码 代码如下: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ]; 很显然最简单的结
-
JavaScript数组合并的多种方法
这是一篇简单的文章,关于JavaScript数组使用的一些技巧.我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点. 让我们先考虑下面这情况: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ]; 很显然最简单的结合结果应该是: [ 1
-
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合并两个数组并去除重复项的方法
本文实例讲述了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
随机推荐
- oracle中if/else的三种实现方式详解
- js简单实现网页换肤功能
- Javascript Jquery 遍历Json的实现代码
- JS产生随机数的几个用法详解
- Elasticsearch.Net使用教程 MVC4图书管理系统(2)
- 利用Fix Rss Feeds插件修复WordPress的Feed显示错误
- JS获取IE版本号与HTML设置IE文档模式的方法
- C#生成互不相同随机数的实现方法
- Android 中利用 ksoap2 调用 WebService的示例代码
- JSP的9种基本内置组件
- c# 判断指定文件是否存在的简单实现
- C#byte数组与Image的相互转换实例代码
- Mysql 5.7.17 winx64在win7上的安装教程
- 基于Java中对域和静态方法的访问不具有多态性(实例讲解)
- JavaScript Event学习第四章 传统的事件注册模型
- 如何拥有一台安静的电脑
- 邮箱能收发不正常的原因
- c#求两个数中最大值的方法
- 解析:ClickOnce通过URL传递参数 XXX.application?a=1
- C#如何动态设置屏幕分辨率
