当前位置:首页 > JavaScript

js实现一维数组合并

2026-04-05 03:01:40JavaScript

合并一维数组的几种方法

使用 concat 方法
concat 方法用于合并两个或多个数组,返回一个新数组而不修改原数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = array1.concat(array2);
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6]

使用扩展运算符 (...)
扩展运算符可以将多个数组展开并合并为一个新数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const mergedArray = [...array1, ...array2];
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6]

使用 push 方法(会修改原数组)
push 方法可以将另一个数组的元素逐个添加到目标数组中,但会修改原数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
array1.push(...array2);
console.log(array1); // 输出: [1, 2, 3, 4, 5, 6]

使用 Array.from 结合 concat
如果需要对类数组对象(如 arguments)进行合并,可以先用 Array.from 转换。

const array1 = [1, 2, 3];
const arrayLike = { 0: 4, 1: 5, 2: 6, length: 3 };
const mergedArray = array1.concat(Array.from(arrayLike));
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6]

合并数组并去重

如果需要合并数组并去除重复项,可以使用 Set 数据结构。

js实现一维数组合并

const array1 = [1, 2, 3];
const array2 = [2, 3, 4];
const mergedArray = [...new Set([...array1, ...array2])];
console.log(mergedArray); // 输出: [1, 2, 3, 4]

性能比较

  • concat 和扩展运算符 (...) 适合不修改原数组的场景。
  • push 适合需要直接修改原数组的情况。
  • 去重合并时,Set 是最简洁高效的方式。

选择方法时需根据具体需求决定是否修改原数组及是否需要去重。

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

相关文章

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let co…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js手势实现

js手势实现

手势识别实现方法 在JavaScript中实现手势识别通常涉及监听触摸事件(touchstart、touchmove、touchend)或鼠标事件(mousedown、mousemove、mouseu…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js实现正交

js实现正交

正交的概念 正交在数学和计算机科学中通常指两个向量垂直或线性无关。在编程中,正交性常被用于设计模块化、低耦合的系统。 向量正交判断 判断两个向量是否正交可以通过点积是否为0来实现: fun…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…