当前位置:首页 > 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中,可以通过多种方式检测数组的变化。Vue本身对数组的某些方法进行了响应式处理,但某些情况下需要手动触发更新或使用特定方法。 使用Vue.set或this.$set 对…

js实现

js实现

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

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以直…

js如何实现继承

js如何实现继承

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

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEv…

jquery js

jquery js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更高…