JS教程(14):数组元素添加函数与删除函数

在前面我们介绍了javascript数组的删除并添加函数splice,本章,我们再来介绍几个JS数组的删除函数和添加函数。与splice不同的是,这些函数不是在指定的下标开始删除,而是只能在数组的开头或结尾处删除或添加。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

以下面这个数组为案例:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

var arr = ['gao','wanlimm','ssmay'];

本文来自小莫扎特博客www.plusminustsuchi.com 提供

一:JS数组删除函数。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

1:pop()函数: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

pop函数可以删除JS数组的最后一个元素。并返回这个被删除的元素。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

语法: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

array.pop();

本文来自小莫扎特博客www.plusminustsuchi.com 提供

案例: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

console.log(arr.pop());

本文来自小莫扎特博客www.plusminustsuchi.com 提供

打印结果:ssmay 【返回被删除的元素】

本文来自小莫扎特博客www.plusminustsuchi.com 提供

2:shift()函数:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

shift函数是删除JS数组第一个元素,并返回该元素。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

案例: 本文来自小莫扎特博客www.plusminustsuchi.com 提供

console.log(arr.shift()); 本文来自小莫扎特博客www.plusminustsuchi.com 提供

打印结果:gao 本文来自小莫扎特博客www.plusminustsuchi.com 提供

二:JS数组添加元素函数

本文来自小莫扎特博客www.plusminustsuchi.com 提供

1:push()函数

本文来自小莫扎特博客www.plusminustsuchi.com 提供

push函数,向JS数组结尾添加1个或多个元素。并返回数组的长度。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

语法:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

array.push(str1,str2,str3,...)
参数可以多个。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

案例:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

console.log(arr.push('aaa','bbb'));
返回结果:5 本文来自小莫扎特博客www.plusminustsuchi.com 提供

2:unshift()函数 本文来自小莫扎特博客www.plusminustsuchi.com 提供

unshift函数,向JS数组的开头添加1个或多个元素,并返回数组的长度。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

语法与push的一样。

本文来自小莫扎特博客www.plusminustsuchi.com 提供

案例:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

console.log(arr.unshift('aaa','bbb',"ccc"));
console.log(arr)

本文来自小莫扎特博客www.plusminustsuchi.com 提供

打印结果:

本文来自小莫扎特博客www.plusminustsuchi.com 提供

6  //数组的长度
["aaa", "bbb", "ccc", "gao", "wanlimm", "ssmay"]  //打印数组 本文来自小莫扎特博客www.plusminustsuchi.com 提供

本章所介绍的JS数组的添加与删除函数只能删除或添加数组的开头或结尾。如果想删除或添加数组中间的元素,那就只能用splice()函数了,可者通过for循环语句来实现。 本文来自小莫扎特博客www.plusminustsuchi.com 提供

本文来自小莫扎特博客www.plusminustsuchi.com 提供



内容版权声明:以上内容均为转载,如有侵犯原作者请联系删除!