原生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数组合并的多种方法
这是一篇简单的文章,关于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 a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ "foo", "bar", "baz", "bam", "bun", "fun" ]; 很显然最简单的结
-
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及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数组合并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 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中合并数组的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
-
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
随机推荐
- 在Windows下自动备份PostgreSQL的教程
- 解析Java中如何获取Spring中配置的bean
- iOS如何让tableview支持不同种类的cell详解
- 使用python3.5仿微软记事本notepad
- javascript 类方法定义还是有点区别
- PHP中用header图片地址 简单隐藏图片源地址
- MAC下mysql安装配置方法图文教程
- 如何实现表格中行点击时的渐扩效果!
- php数据库抽象层 PDO
- jQuery 动画基础教程
- jQuery实现径向动画菜单效果
- jQuery中:not选择器用法实例
- 浅谈JavaScript的Polymer框架中的behaviors对象
- java中枚举的详细使用介绍
- Yii2 RESTful中api的使用及开发实例详解
- Spring+SpringMVC+MyBatis整合详细教程(SSM)
- php入门学习知识点七 PHP函数的基本应用
- Android中使用PagerSlidingTabStrip实现导航标题的示例
- Python内置模块hashlib、hmac与uuid用法分析
- Python管理Windows服务小脚本