一、删除数组中第一个元素：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属性）也会改变，我们需要认真记住这一点。