jquery中push(),unshift(),splice() ,concat(),pop(),shift(),slice()等的用法(数组添加元素)

使用 push() 方法可以给数组末尾添加一个或多个数组项。

?

1

2

3

4

vararr = [];

arr.push('a','b');

console.log(arr);// ['a','b']

unshift()

使用 push() 方法可以给数组末尾添加一个或多个数组项，那么使用 unshift() 方法可以在数组的前面添加一个或多个数组项：

?

1

2

3

vararr = ['a','b'];

arr.unshift(1,2);

console.log(arr);// [1, 2, "a", "b"]

除了这两种方法之外，还可以使用 splice() 方法给数组添加数组项：

?

1

2

3

vararr = ['a','b','c',1,2];

arr.splice(2,0,'d','c','e');

console.log(arr);// ["a", "b", "d", "c", "e", "c", 1, 2]

另外除了 splice() 方法之外还可以使用 concat() 方法可以给数组添加数组项，只不过使用这种方法不会改变原数组，会在原数组中创建一个新数组：

?

1

2

3

4

vararr = ['a','b','c'];

vararr2 = arr.concat('d',1,2,['e',3]);

console.log(arr);// ["a", "b", "c"]

console.log(arr2);// ["a", "b", "c", "d", 1, 2, "e", 3]

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

语法

arrayObject.push(newelement1,newelement2,....,newelementX)

参数 描述 
newelement1 必需。要添加到数组的第一个元素。 
newelement2 可选。要添加到数组的第二个元素。 
newelementX 可选。可添加多个元素。

返回值

把指定的值添加到数组后的新长度。

说明

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

提示和注释

注释：该方法会改变数组的长度。
提示：要想数组的开头添加一个或多个元素，请使用 unshift() 方法。

实例

在本例中，我们将创建一个数组，并通过添加一个元素来改变其长度：

复制代码代码如下:

var arr = new Array(3);
arr[0] = "George" ;
arr[1] = "John" ;
arr[2] = "Thomas" ;
document.write(arr + "") document.write(arr.push("James")+ "") document.write(arr);

输出： 
George,John,Thomas
4
George,John,Thomas,James

网上的一个用法：

复制代码代码如下:

$(function(){
 var buf = [];
 buf.push('<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>');
 buf.push('<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-88888888" data-ad-slot="8305246055"></ins>');
 buf.push('<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>');
 $('.footer-banner').html(buf.join(''));

注意：使用的时候需要先加载jquery.js

删除数组项

对于数组的操作，除了增加数组项，很多时候还需要对数组进行删除操作。删除数组项常用的方法有 pop() 和 shift() 两种方法。

pop()

pop() 方法可以从数组的末尾删除一个数组项：

?

1

2

3

vararr = ['a','b','c','d',1,2];

arr.pop();

console.log(arr);// ["a", "b", "c", "d", 1]

shift()

shift() 方法和 pop() 方法刚好相反，它可以删除数组的第一项：

?

1

2

3

vararr = ['a','b','c','d',1,2];

arr.shift();

console.log(arr);// ["b", "c", "d", 1, 2]

不管是 pop() 或 shift() 方法每次只能给数组删除一个数组项，但很多时候这样删除数组项相对来说是比较麻烦的。在数组的操作中，除了这两种方法之外，还可以通过 slice() 和 splice() 方法来删除数组项。

slice()

slice() 方法可以给一个数组中删除多个数组项，只不过不同的是， slice() 不会影响原数组，只是会在原数组基础上创建一个数组副本：

?

1

2

3

4

5

vararr = [1,2,3,4,'a','b'];

vararr2 = arr.slice(2);

console.log(arr);// [1, 2, 3, 4, "a", "b"]

console.log(arr2);// [3, 4, "a", "b"]

console.log(arr3);// ["a", "b"]

splice()

splice() 方法除了能给数组添加数组项之外，还可以给数组删除数组项：

?

1

2

3

4

vararr = [1,2,3,4,'a','b','c'];

vararr2 = arr.splice(2,2);

console.log(arr);// [1, 2, "a", "b", "c"]

console.log(arr2);// [3, 4]

改变数组

数组中 splice() 方法是数组中一个强大的方法，其除了可以给数组添加数组项、删除数组项之外，还可以改变一个数组：

?

1

2

3

4

vararr = [1,2,3,4,5,6];

vararr2 = arr.splice(2,3,'a','b','c');

console.log(arr);// [1, 2, "a", "b", "c", 6]

console.log(arr2);// [3, 4, 5]

数组的查询

这里所说的数组查询其实指的是数组的查询提取。其使用的方法是 slice() 方法:

?

1

2

3

4

vararr = [1,2,3,4,5,6];

vararr2 = arr.slice(-3);

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

console.log(arr2);// [4, 5, 6]

总结

这里简单的整理了一个数组的增、删、改、查的相关方法。简单的总结一下：

增加数组项方法：除了直接改变数组项的值和修改数组的 length 给数组添加数组项方法之外，还可以使用 push() 、 unshift() 、 concat() 和 splice() 添加数组项

删除数组项方法：删除数组项方法有 pop() 、 shift() 、 slice() 和 splice() 方法

改变数组项方法：在数组中主要通过 splice() 方法来改变数组项

查询数组项方法： 查询数组项方法其实就是对数组做查询提取功能，主要使用的方法是 slice() 方法

有关于 pop() 、 push() 、 shift() 和 unshift() 操作方法可以点击这里；关于 concat() 、 slice() 和 splice() 方法的相关介绍可以点击这里。