面试笔记：unshift、push、shift、pop比较

王小婷

发布于 2025-05-19 07:26:09

9400

代码可运行

文章被收录于专栏：编程微刊编程微刊

运行总次数：0

代码可运行

一：unshift在数组首位添加元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body> 
    </body>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
                 var arr=[0,1,2,3,4,5,6];//声明一个数组并初始化
                 arr.unshift("wangxiaoting");//在首位添加元素
                 console.log(arr)
    </script>
</html>

打印结果：

二：push在数组末尾添加元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body> 
    </body>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
                 var arr=[0,1,2,3,4,5,6];//声明一个数组并初始化
                  arr.push("huangxingan");//在末尾添加元素
                  console.log(arr)
    </script>
</html>

打印结果：

三：shift删除第一个元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body> 
    </body>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
                 var arr=[0,1,2,3,4,5,6];//声明一个数组并初始化
                 arr.shift();//删除第一个元素
                 console.log(arr)
    </script>
</html>

打印结果：

四：pop删除最后一个元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body> 
    </body>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
                 var arr=[0,1,2,3,4,5,6];//声明一个数组并初始化
                  arr.pop();//删除最后一个元素
                  console.log(arr)
    </script>
</html>

打印结果：

demo:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        var arr = [0, 1, 2, 3, 4, 5, 6]; //声明一个数组并初始化
        arr.unshift("wangxiaoting"); //在首位添加元素
        console.log(arr)

        arr.push("huangxingan"); //在末尾添加元素
        console.log(arr)
        
        arr.shift(); //删除第一个元素
        console.log(arr)
        
        arr.pop(); //删除最后一个元素
        console.log(arr)
        
    </script>
</html>