javascript数组中的concat方法和splice方法

当我们在使用JavaScript时，经常需要对数组进行操作。其中，涉及到的操作方法很多，其中concat()和splice()方法是非常常用的两个方法。本文将详细介绍这两个方法的作用及其用法。

一、concat方法

concat方法可以连接两个或多个数组，返回一个新的数组。并不会修改现有的数组，而是创建一个新的数组，其中包含原来的数组的元素。具体用法如下：

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = [7, 8, 9];

var result = arr1.concat(arr2, arr3);
console.log(result);

运行结果：

[1, 2, 3, 4, 5, 6, 7, 8, 9]

上述代码将arr1、arr2和arr3三个数组连接起来，得到一个新的数组result。可以看出，新的数组包含了原来的三个数组中的所有元素。需要注意的是，concat方法并不会影响原来的数组，而是生成一个新数组。

当然，concat方法也可以用来将一个数组拼接上一个值或者一个数组。

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];

arr1.concat(4); 
console.log(arr1); // [1, 2, 3]

var result = arr1.concat(arr2);
console.log(result); 

运行结果：

[1, 2, 3]
[1, 2, 3, 4, 5, 6]

这里第一次的操作并没有改变数组arr1，而是返回了一个新数组[1,2,3,4]。第二次的操作将数组arr1和arr2合并起来生成了一个新的数组。

二、splice方法

splice方法可用于添加到数组中，也可用于从数组中删除元素。它会修改原数组，但也可以返回被删除元素的新数组。splice方法的语法如下所示：

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

下面我们来看两个示例：

2.1 删除元素

var arr = [1, 2, 3, 4, 5, 6];
arr.splice(2, 2);
console.log(arr);

运行结果：

[1, 2, 5, 6]

上述代码首先定义了一个包含6个元素的数组arr，然后使用splice方法，从第3个位置开始删除2个元素。这个操作会改变原数组，将删除的元素从数组中移除，同时返回一个包含被删除元素的新数组。

2.2 在数组中添加元素

var arr = [1, 2, 3, 4, 5, 6];
arr.splice(2, 0, "a", "b");
console.log(arr);

运行结果：

[1, 2, "a", "b", 3, 4, 5, 6]

上述代码中，我们首先定义了包含6个元素的数组arr，然后使用splice方法，在数组中第3个位置（也就是3和4之间）添加两个元素。第一个参数表示添加元素的起始位置，第二个参数为0表示不删除任何元素，之后的"a"和"b"是要添加的新元素。这个操作同样会改变原数组，并返回一个不包含被删除元素的新数组。

这就是一些关于concat()和splice()方法的介绍，希望这个攻略能够帮助你更好地处理数组。