js合并数组

最新推荐文章于 2024-06-13 09:00:00 发布
最新推荐文章于 2024-06-13 09:00:00 发布
阅读量1k 收藏
点赞数
分类专栏： javascript 文章标签： javascript 合并数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jenyzhang/article/details/48497309
版权
js合并数组

关键javascript代码： 
//合并数组的函数
function mergeArray(arr1, arr2) {

    var arr = [];
    for ( i = 0; i < arr1.length; i++) {
        arr.push(arr1[i]);
    }
    var dup;
    for ( i = 0; i < arr1.length; i++){
        dup = false;
        for ( j = 0;j < arr2.length; j++){
            if (arr2[j] == arr1[i]){
                dup = true;
                break;
            }
        }
        if (!dup){
            arr.push(arr1[i]);
        }
    }
    return arr;

}

下面是一个示例
1.html 代码： 
<html>
<head>
    <script type="text/javascript " src="binji.js " >

    </script>
</head>
<input type='button' value='show_result' οnclick='test()'/>
</html>

2.javascript代码： 
/**
 * Created with PyCharm.
 * User: zhangyanni
 * Date: 15-9-16
 * Time: 下午4:00
 * To change this template use File | Settings | File Templates.
 */

function test(){
    var arr1 = ["z1", "quiz2", "quiz3", "quiz4", "quiz5", "quiz6", "quiz7","2342343"];
    var arr2 = ["z1", "quiz2", "quiz3","gbds","ofwejf","9238ru23"];
    alert(mergeArray(arr1,arr2));

}
//合并数组的函数
function mergeArray(arr1, arr2) {

    var arr = [];
    for ( i = 0; i < arr1.length; i++) {
        arr.push(arr1[i]);
    }
    var dup;
    for ( i = 0; i < arr1.length; i++){
        dup = false;
        for ( j = 0;j < arr2.length; j++){
            if (arr2[j] == arr1[i]){
                dup = true;
                break;
            }
        }
        if (!dup){
            arr.push(arr1[i]);
        }
    }
    return arr;

}

3.运行结果：



YanniZhang的博客
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 合并数组（ 5种方法 ）
大剑师兰特的GIS世界
04-25 3355
在JavaScript中，合并数组有多种方法。根据需求选择合适的方法，如需不改变原数组则推荐使用 `concat()` 或扩展运算符；如果希望合并的同时修改原始数组，可以采用 `push()` 方法。另外，`Array.from()` 和 `reduce()` 方法提供了更灵活的合并场景解决方案。
JavaScript合并数组的方法
我点评的博客
07-15 1257
该方法可以将多个数组合并为一个新数组，并返回合并后的新数组。concat()方法不会改变原有数组，而是返回一个新的数组。在本文中，我们将介绍JavaScript中常用的几种合并数组的方法。push()方法是将一个或多个元素添加到数组末尾的方法，也可以用于将一个数组添加到另一个数组的末尾。该方法会改变原有数组，返回值是新数组的长度。ES6中的Array.from()方法可以将一个类数组对象或可迭代对象转换成一个数组。splice()方法可以用于删除原数组的元素，并可以在指定的位置添加新的元素。
JS合并数组常用的三种方法
最新发布
kaisersama__的博客
06-13 157
最常用最常用。
JS 合并数组的三大方式
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
04-27 1万+
数组是表示索引项的有序集合的数据结构。 对多个数组执行的一个常见操作是合并——将2个或多个数组合并成包含合并数组的所有项的更大数组。 例如，有两个数组[1,2]和[5,6]，然后合并这些数组得到[1,2,5,6]。 在这篇文章中，你会发现在JavaScript中合并数组的3种方法:2种不可变的(合并后创建一个新数组)和1种可变的(合并到一个数组中)。 1. 数组的不可变合并 1.1使用扩展操作符进行合并 如果您想知道一种在JavaScript中合并数组的好方法，那么请记住使用扩展操作符进行合并。 在数组字.
JavaScript 合并数组对象中某个相同值（数组对象合并）
m0_56947432的博客
08-29 842
/ 将相同属性的 id 添加到 ids 数组中。// 使用 reduce 方法进行属性合并。// 假设有以下对象数组。
js 合并数组
琳琳的博客
06-11 1707
合并三个数组 <script> var parents = ["Jani", "Tove"]; var brothers = ["Stale", "Kai Jim", "Borge"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(brothers, children); document.write(family); </script> 合并两个数组 <scri......
js 合并数组 去重 结果用逗号分割
强仔的博客
04-10 146
【代码】js 合并数组 去重 结果用逗号分割。
js多层对象数组 合并_JS合并数组对象中重复数据
weixin_39647180的博客
02-17 385
假如有这样一组数据var oldData=[{date:'2019-08-26',"queue_id":219,"queue_num":4,"queue_status":1,"queue_name":'预约接种'},{date:'2019-08-26',"queue_id":218,"queue_num":2,"queue_status":1,"queue_name":'预约接种'},{date:...
JS合并数组与合并对象
宁静致远
04-08 1644
一、数组合并 1、for循环 会改变原数组，如果不想改变原数组需要生成一个新数组 let a = [1, 2, 3]; let b = [4, 5]; //1 for循环 for (var i in b) { a.push(b[i]); } console.log(a); //[1,2,3,4,5] 2、concat() concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本
js合并数组中的数组
m0_38109616的博客
04-26 457
js 合并数组中的数组
小程序js合并数组方式
flysnownet的博客
12-09 1万+
1.concat list=list1.concat(list2) 2. es6方式[...] list = [...list1,...list2,...list3]; 3.push 单个元素 list.push('aaa');
js合并数组这一篇就够了
01-08
合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。 实质上是一个浅拷贝，将原始数组复制一个副本到新数组中。 let a = [1, 2, 3]; let b = [fun, hello, ok]; let c =a.concat(b); console.log(c);...
JS合并数组的几种方法及优劣比较
10-25
主要介绍了JS合并数组的几种方法及优劣比较,本文讲解了concat、循环插入、reduce等方法合并数组,并对它们的优劣做了比较,需要的朋友可以参考下
JS合并两个数组的3种方法详解
10-16
主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript合并两个数组并去除重复项的方法
10-24
在JavaScript中，合并两个数组并去除重复项是一个常见的任务，特别是在处理数据集合或者组合不同来源的数据时。这里我们将深入探讨几种不同的方法来实现这个功能。 首先，我们可以使用`concat()`方法来合并两个数组...
JavaScript中合并数组的N种方法
12-12
我们将使用不同的方法结合/合并两个JS数组，以及讨论每个方法的优点/缺点。 让我们先考虑下面这情况： 代码如下: var a = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; var b = [ “foo”, “bar”, “baz”, “bam”, “bun”...
js对节点的操作，添加，删除，获得父节点，子节点，兄弟节点
热门推荐
jenyzhang的专栏
09-28 3万+
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.la
对json按某个键的值进行排序
jenyzhang的专栏
12-07 1万+
对json按某个键的值进行排序 下面是js代码：（请将其保存为sortJson.js） /** * Created with PyCharm. * User: jennyzhang * Date: 16-12-7 * Time: 下午3:33 * To change this template use File | Settings | File Templates. */
showdown.js使用示例（把markdown转化为html）
jenyzhang的专栏
05-15 1万+
html代码如下： $(function() { var converter = new showdown.Converter(); var text = '#hello, markdown!', html = converter.makeH
js 合并数组并去重
09-13
要在JavaScript中合并数组并去重，有几种方法可以实现。以下是一些常用的方法： 方法1：使用Set对象 您可以使用Set对象来合并数组并去重。Set对象是一种集合，它只能存储唯一的值。您可以将数组转换为Set对象，然后将Set对象转换回数组，就可以实现合并和去重。 示例代码： ``` let arr1 = [1, 2, 3, 4, 5]; let arr2 = [7, 8, 9, 4, 5]; let mergedArray = Array.from(new Set([...arr1, ...arr2])); console.log(mergedArray); ``` 这样，`mergedArray`将包含合并并去重后的数组。 方法2：使用concat()方法 您也可以使用concat()方法来合并两个数组，并使用Set对象去重。concat()方法可用于连接两个或多个数组，并返回一个新的数组。 示例代码： ``` let arr1 = [1, 2, 3, 4, 5]; let arr2 = [7, 8, 9, 4, 5]; let mergedArray = Array.from(new Set(arr1.concat(arr2))); console.log(mergedArray); ``` 这样，`mergedArray`将包含合并并去重后的数组。 方法3：使用forEach()方法 您还可以使用forEach()方法遍历一个数组，并将每个元素添加到另一个数组中。在添加之前，您可以使用includes()方法检查另一个数组是否已经包含该元素，以确保去重。 示例代码： ``` let arr1 = [1, 2, 3, 4, 5]; let arr2 = [7, 8, 9, 4, 5]; arr1.forEach(item => { if (!arr2.includes(item)) { arr2.push(item); } }); console.log(arr2); ``` 这样，`arr2`将包含合并并去重后的数组。 以上是三种常见的JavaScript合并数组并去重的方法。您可以根据您的实际需求选择合适的方法来解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值