JavaScript内置支持类Array

heliuerya

已于 2023-02-12 08:10:48 修改

阅读量432

点赞数 1

分类专栏：学习笔记 JavaScript 文章标签： javascript 前端 html5

于 2023-02-12 07:54:11 首次发布

本文链接：https://blog.csdn.net/heliuerya/article/details/128991584

版权

学习笔记同时被 2 个专栏收录

277 篇文章 5 订阅

订阅专栏

JavaScript

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>内置支持类Array</title>
   </head>
   <body bgcolor="antiquewhite">
       <script type="text/javascript">

           // 创建长度为0的数组
           var arr = [];
           alert(arr.length);   //0

           // 数组中数据类型随意
           var array = [1,3,false,3.14,"abc"];
           alert(array.length);   //5

           // 数组会自动扩容，中间缺少的元素用undefined补充
           array[7] = "text";
           // 遍历数组
           for(var i = 0;i < array.length; i++){
               document.write(array[i] + "<br />")
           }

           // 另外一种创建数组的方式
           var a = new Array(); //数组长度为0
           alert(a.length);   //0

           var b = new Array(3); //数组长度为3
           alert(b.length);   //3

           var c = new Array(3,2); //数组长度为2
           alert(c.length)       //2


           // 一些相关方法
           var k = [1,2,3,4,5];
           var str = k.join("-"); //使用"-"将数组中的元素相互连接
           alert(str);           //1-2-3-4-5

           // 在数组末尾添加一个元素（数组长度加1）
           k.push(9);
           alert(k.join("-"));   //1-2-3-4-5-9

           // 在数组的末尾弹出一个元素（数组长度减1）
           var endEmt = k.pop();
           alert(endEmt);       //9
           alert(k.join("=>"));   //1=>2=>3=>4=>5
           //注意：JS当中的数组可以自动模拟栈的数据结构（先进后出，后进先出）
           // push表示压栈，pop表示弹栈。

           // 数组的反转（元素顺序倒置）
           k.reverse();
           alert(k.join("-"));   //5-4-3-2-1

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