牛骨文教育服务平台(让学习变的简单)
博文笔记

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

创建时间:2017-08-03 投稿人: 浏览次数:2605

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

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

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

?
1 2 3 var arr = ["a","b"]; arr.unshift(1,2); console.log(arr); // [1, 2, "a", "b"]

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

?
1 2 3 var arr = ["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 var arr = ["a","b","c"]; var arr2 = 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 var arr = ["a","b","c","d",1,2]; arr.pop(); console.log(arr); // ["a", "b", "c", "d", 1]

shift()

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

?
1 2 3 var arr = ["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 var arr = [1,2,3,4,"a","b"]; var arr2 = arr.slice(2); console.log(arr); // [1, 2, 3, 4, "a", "b"] console.log(arr2); // [3, 4, "a", "b"] console.log(arr3);
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。