当前位置:首页 > JavaScript

js实现一维数组合并

2026-01-31 10:54:21JavaScript

合并数组的几种方法

在JavaScript中,合并一维数组有多种方法,以下是常见的几种实现方式:

concat方法

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const merged = arr1.concat(arr2);
// 结果:[1, 2, 3, 4, 5, 6]

扩展运算符

js实现一维数组合并

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const merged = [...arr1, ...arr2];
// 结果:[1, 2, 3, 4, 5, 6]

push方法

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
arr1.push(...arr2);
// arr1现在为:[1, 2, 3, 4, 5, 6]

Array.from结合concat

js实现一维数组合并

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const merged = Array.from(arr1).concat(arr2);
// 结果:[1, 2, 3, 4, 5, 6]

合并并去重

如果需要合并后去除重复元素,可以使用Set数据结构:

const arr1 = [1, 2, 3];
const arr2 = [3, 4, 5];
const merged = [...new Set([...arr1, ...arr2])];
// 结果:[1, 2, 3, 4, 5]

性能考虑

对于大型数组,concat方法通常比扩展运算符性能更好。push方法会修改原数组,而其他方法会返回新数组。

合并多个数组

可以一次合并多个数组:

const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = [5, 6];
const merged = [].concat(arr1, arr2, arr3);
// 或
const merged2 = [...arr1, ...arr2, ...arr3];

标签: 数组js
分享给朋友:

相关文章

vue实现数组平均值

vue实现数组平均值

计算数组平均值的方法 在Vue中计算数组的平均值可以通过多种方式实现。以下是几种常见的方法: 方法一:使用计算属性 export default { data() { retu…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获取 jQ…

js实现pdf在线预览

js实现pdf在线预览

使用PDF.js实现PDF在线预览 PDF.js是由Mozilla开发的一个开源JavaScript库,可以在网页中直接渲染PDF文件。以下是实现PDF在线预览的步骤: 引入PDF.js库 在HT…

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

js实现交换

js实现交换

交换变量的方法 在JavaScript中,交换两个变量的值有多种方法。以下是常见的几种实现方式: 使用临时变量 通过引入一个临时变量来存储其中一个变量的值,实现交换: let a = 1; le…