js基础——数组的四个方法以及数组的遍历

最新推荐文章于 2022-10-19 19:05:02 发布

恬一

最新推荐文章于 2022-10-19 19:05:02 发布

阅读量107

点赞数

分类专栏：李立超 js

本文链接：https://blog.csdn.net/weixin_44158539/article/details/113927803

版权

js 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

李立超

32 篇文章 1 订阅

订阅专栏

这篇博客详细介绍了JavaScript中数组的常用操作，包括push()、pop()、unshift()和shift()方法，以及如何遍历数组。示例代码展示了这些方法如何改变和访问数组元素，对于理解和操作JavaScript数组非常有帮助。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 创建一个数组
        var arr=["孙悟空","猪八戒","沙和尚"];
        /*
            push()
            -该方法可以像数组的末尾添加一个或多个元素，并返回数组的新的长度
            -可以将要添加的元素作为方法的参数传递
              这样这些元素会自动添加到数组的末尾
            -该方法会将数组的长度作为返回值返回
        */
        var result=arr.push("唐僧","八戒","女国王");
        console.log(arr);
        console.log("result="+result);
        /*
          pop()
            -该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回
        */
        
        arr.pop();
        result=arr.pop();
        console.log(arr);
        document.write("result="+result);
        /*
           unshift()
             -向数组的开头添加一个或多个元素，并返回新的数组长度
             -向前边插入元素以后，其他的元素索引会依次调整
        */
        console.log(arr);
        arr.unshift("牛魔王","二郎神");
        document.write(arr);
        /*
           shift()
             -可以删除数组的第一个元素，并将被删除的元素作为返回值返回

        */
        result=arr.shift();
        console.log(arr);
        document.write("<hr>");
        document.write(result);
        
         /*
           数组的遍历
        */
        var arr=["孙悟空","猪八戒","沙和尚","a","c"];
        //所谓的遍历数组，就是将数组中所有的元素都取出来
        /*
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        */
        for(var i=0;i<arr.length;i++){
            console.log(arr[i]);
        }
        

    </script>
</head>
<body>
    
</body>
</html>

恬一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础——数组的四个方法以及数组的遍历

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // 创建一个数组
复制链接

扫一扫

专栏目录