关键词

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()方法的介绍,希望这个攻略能够帮助你更好地处理数组。

本文链接:http://task.lmcjl.com/news/9707.html

展开阅读全文