当前位置:首页 > 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
分享给朋友:

相关文章

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。…

js实现交换

js实现交换

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

js 实现滚动

js 实现滚动

实现滚动的方法 使用 window.scrollTo() window.scrollTo() 方法可以滚动到文档中的特定位置。可以指定 x 和 y 坐标,或者使用平滑滚动的选项。 // 滚动到指定位…

js实现定位

js实现定位

使用Geolocation API获取当前位置 在JavaScript中,可以通过浏览器内置的Geolocation API获取用户的地理位置信息。该API需要用户授权才能访问位置数据。 if (n…

java如何遍历数组

java如何遍历数组

遍历数组的方法 Java中遍历数组有多种方式,以下是常见的几种方法: 使用for循环 通过索引逐个访问数组元素: int[] array = {1, 2, 3, 4, 5}; for (int i…

js实现图片放大

js实现图片放大

使用 CSS transform 实现图片放大 通过 CSS 的 transform: scale() 属性实现图片放大效果。当鼠标悬停时,图片会平滑放大。 const img = document…