一、删除数组中第一个元素:shift()

在JavaScript中,我们可以使用shift()方法来删除数组中的第一个元素,并且可以得到一个新的数组(也就是原数组变了)。

语法:

数组名.shift()

说明:

unshift()方法用于在数组开头添加新元素,shift()方法用于删除数组开头第一个元素,两者是相反操作。

举例:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> var arr = ["HTML", "CSS", "JavaScript", "jQuery"]; arr.shift(); document.write(arr); </script> </head> <body> </body> </html>

浏览器预览效果如下图所示。

分析:

从中可以看出,使用shift()方法删除数组第一个元素后,原数组就变了。此时arr[0]不再是"HTML",而是"CSS";arr[1]不再是"CSS",而是"JavaScript",以此类推。

二、删除数组最后一个元素:pop()

在JavaScript中,我们可以使用pop()方法来删除数组的最后一个元素,并且可以得到一个新数组(也就是原数组变了)。

语法:

数组名.pop()

说明:

push()用于在数组结尾处添加新的元素,pop()用于删除数组最后一个元素,两者也是相反操作。

举例:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> var arr = ["HTML", "CSS", "JavaScript", "jQuery"]; arr.pop(); document.write(arr); </script> </head> <body> </body> </html>

浏览器预览效果如下图所示。

分析:

从中可以看出,使用pop()方法删除数组最后一个元素后,原数组也变了。此时arr[3]不再是"jQuery",而是undefined。对于这个,我们可以自行测试一下。

举例:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> var arr = ["HTML", "CSS", "JavaScript", "jQuery"]; arr.pop(); arr.pop(); document.write(arr.length); </script> </head> <body> </body> </html>

浏览器预览效果如下图所示。

分析:

实际上,unshift()、push()、shift()、pop()这4个元素都会改变数组的结构,因此数组的长度(length属性)也会改变,我们需要认真记住这一点。