JavaScript数组指定位置插入元素的方法和示例代码

JavaScript数组指定位置插入元素的方法和示例代码 第一张

JavaScript中的数组插入元素的方法有很多,其中最常用的就是splice()方法,它可以在指定位置插入元素。splice()方法接收三个参数:要插入的元素,要插入的位置,要插入的元素个数。它返回的是一个数组,包含被删除的元素。下面是一个示例代码:

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

从上面的代码可以看出,在arr数组的第2位置插入了字符串’a’和’b’,结果数组变为了[1, 2, ‘a’, ‘b’, 3, 4, 5]。

除了splice()方法,还可以使用concat()方法在指定位置插入元素,它可以将一个或多个数组连接起来,并返回一个新的数组。下面是一个示例代码:

var arr = [1, 2, 3, 4, 5];
var arr2 = ['a', 'b'];
var newArr = arr.concat(arr2, [3, 4]);
console.log(newArr); // [1, 2, 3, 4, 5, 'a', 'b', 3, 4]

从上面的代码可以看出,将arr2数组和[3,4]数组连接到arr数组后面,结果数组变为了[1, 2, 3, 4, 5, ‘a’, ‘b’, 3, 4]。

还可以使用unshift()方法在数组的开头插入元素,它接收任意数量的参数,将参数添加到数组的开头,并返回添加后数组的长度。下面是一个示例代码:

var arr = [1, 2, 3, 4, 5];
arr.unshift('a', 'b');
console.log(arr); // ['a', 'b', 1, 2, 3, 4, 5]

从上面的代码可以看出,在arr数组的开头插入了字符串’a’和’b’,结果数组变为了[‘a’, ‘b’, 1, 2, 3, 4, 5]。

还可以使用push()方法在数组的末尾插入元素,它接收任意数量的参数,将参数添加到数组的末尾,并返回添加后数组的长度。下面是一个示例代码:

var arr = [1, 2, 3, 4, 5];
arr.push('a', 'b');
console.log(arr); // [1, 2, 3, 4, 5, 'a', 'b']

从上面的代码可以看出,在arr数组的末尾插入了字符串’a’和’b’,结果数组变为了[1, 2, 3, 4, 5, ‘a’, ‘b’]。

一下,JavaScript中指定位置插入元素的方法有splice()、concat()、unshift()和push()四种,它们的用法都不复杂,只要搞清楚参数的含义就可以使用了。

© 版权声明
THE END
分享