JavaScript实现数组对应位置插入另一个数组_js 数组指定位置插入

系列文章目录

---

---

前言

在JavaScript中，有时我们需要将一个数组的元素按照对应位置插入另一个数组中，以实现数据合并或替换的需求。本篇博客将详细介绍如何实现这一功能，包括多种方法的代码示例和详细解释。

---

一、使用循环遍历

function insertArrayAt(arr1, index, arr2) {
  arr1.splice(index, 0, ...arr2);
  return arr1;
}

const array1 = [1, 2, 3];
const array2 = ['a', 'b', 'c'];

const result = insertArrayAt(array1, 1, array2);
console.log(result); // [1, 'a', 'b', 'c', 2, 3]

1
2
3
4
5
6
7
8
9
10
11

二、使用concat和slice方法

function insertArrayAt(arr1, index, arr2) {
  return arr1.slice(0, index).concat(arr2, arr1.slice(index));
}

const array1 = [1, 2, 3];
const array2 = ['a', 'b', 'c'];

const result = insertArrayAt(array1, 1, array2);
console.log(result); // [1, 'a', 'b', 'c', 2, 3]

1
2
3
4
5
6
7
8
9
10

三、使用splice方法

function insertArrayAt(arr1, index, arr2) {
  arr1.splice(index, 0, ...arr2);
  return arr1;
}

const array1 = [1, 2, 3];
const array2 = ['a', 'b', 'c'];

const result = insertArrayAt(array1, 1, array2);
console.log(result); // [1, 'a', 'b', 'c', 2, 3]

1
2
3
4
5
6
7
8
9
10
11

四、使用for循环

function insertArrayAt(arr1, index, arr2) {
  for (let i = 0; i < arr2.length; i++) {
    arr1.splice(index + i, 0, arr2[i]);
  }
  return arr1;
}

const array1 = [1, 2, 3];
const array2 = ['a', 'b', 'c'];

const result = insertArrayAt(array1, 1, array2);
console.log(result); // [1, 'a', 'b', 'c', 2, 3]

1
2
3
4
5
6
7
8
9
10
11
12
13

总结

通过以上多种方法，你可以在JavaScript中实现数组对应位置插入另一个数组的功能。根据你的需求，选择适合的方法来合并、替换或插入数据，以满足你的编程任务。