2024年5月4日发(作者：)

js 合并数组 合并替换方法

==============

在 JavaScript 中，我们常常需要处理数组的操作。其中一个常

见的操作是合并两个或多个数组。另外，有时候我们可能需要将一个

数组的一部分替换为另一个数组的新内容。这两个操作都可以通过简

单的 JavaScript 方法实现。

一、合并数组

------

### 方法一：使用 concat() 方法

------------------

`concat()` 是 JavaScript 数组对象的一个方法，用于返回一个

包含原数组和新数组（或多个新数组）的新的更大的数组。

```javascript

let array1 = [1, 2, 3];

let array2 = ['a', 'b', 'c'];

let mergedArray = (array2); // ['1', '2',

'3', 'a', 'b', 'c']

```

### 方法二：使用扩展运算符（Spread Operator）

-------------------------------------

另一种合并数组的方法是使用扩展运算符（Spread Operator）。

它可以用于创建一个新的数组，其中包含了原数组的所有元素。

```javascript

let array1 = [1, 2, 3];

第 1 页 共 4 页

let array2 = ['a', 'b', 'c'];

let mergedArray = [...array1, ...array2]; // ['1', '2',

'3', 'a', 'b', 'c']

```

### 方法三：使用数组的 push 方法与 slice 方法

-----------------------------------------

除了使用 `concat()` 和扩展运算符，我们还可以使用 `push()`

方法将新元素添加到数组末尾，然后再使用 `slice()` 方法从另一个

数组中获取元素并添加到新数组中。

```javascript

let array1 = [1, 2, 3];

let array2 = ['a', 'b', 'c'];

(...array2); // ['1', '2', '3', 'a', 'b', 'c']

```

二、合并替换方法

--------

### 方法一：使用解构赋值（Destructuring Assignment）

---------------------------------------

解构赋值是一种从对象或数组中提取元素并将其赋值给变量的语

法。我们可以使用它来将一个数组的一部分替换为另一个数组的新内

容。

假设我们有两个数组 `array1` 和 `array2`，我们想要将

`array2` 的前三个元素替换到 `array1` 的位置上。可以使用解构赋

值来实现：

第 2 页 共 4 页

```javascript

let array1 = [1, 2, 3, 4, 5];

let array2 = [6, 7, 8]; // 新元素列表

let newArray = [...(0, 3), ...array2]; //

['1', '2', '3', '6', '7', '8']

```

### 方法二：使用 f 循环与条件语句

---------------------------------

另一种方法是通过使用 `f` 循环遍历一个数组，并使用

条件语句来决定是否替换元素。这种方法适用于较小的数组替换操

作。

假设我们有一个 `originalArray`，我们想要将其中所有元素小

于 5 的部分替换为 `newElements` 的内容。可以使用以下代码实

现：

```javascript

let originalArray = [1, 6, 3, 9, 5];

let newElements = [4, 5, 6]; // 新元素列表

let newArray = []; // 存储替换后的结果

for (let element of originalArray) {

if (element > 5) { // 如果元素大于5，则添加到新数组中

(element); // 将元素添加到新数组中，并覆

盖原始数组中的相应元素

} else { // 如果元素小于或等于5，则添加新元素到新数组

中（如果存在）或添加原始元素到新数组中（如果不存在）

第 3 页 共 4 页

if (es(element)) { // 检查新元素是

否在新列表中，如果是，则添加到新数组中

(newElements[f(element)]); //

使用 indexOf() 方法获取新元素的索引，并将其添加到新列表中（作

为字符串）以避免类型转换问题。如果找不到该元素，则添加原始元

素。然后使用 push() 方法将新元素添加到新数组中。

} else { // 如果元素不在新列表中，则添加原始元素到新

数组中（如果不是已经存在于该位置）。将 element 字符串作为

newArray 的一个字符串添加元素字符串为 key，这样可以安全地将不

同的字符串存储在同一数组的不同位置）。并最终用 push() 方法将

新元素添加到新数组中。然后继续下一个元素。否则跳过该元素并继

续下一个

第 4 页 共 4 页