Array基本创建

JavaScript数组特性详解

最新推荐文章于 2025-04-18 11:12:19 发布

原创最新推荐文章于 2025-04-18 11:12:19 发布 · 470 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#colors #button #function #input #output #xhtml

javascript基础专栏收录该内容

12 篇文章

订阅专栏

本文介绍了JavaScript中数组(Array)的基本创建方法及其length属性的特点。通过示例代码展示了如何使用数组字面量表示法创建数组，以及如何操作数组的length属性来改变数组的实际长度。此外，还演示了数组的几种常见转换方法。

Array的基本创建以及Array中length属性特点，具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Array类型</title>
    <script type="text/javascript">
      //创建数组基本方式两种,第一种使用Array构造函数如：var colors=new Array()或new Array(3)或new Array("red","blue","green");
      //第二种方式使用数组字面量表示法：var colors=["red","blue","green"];
      function arrayBasic(){
         var colors=["red","blue","black"];
         alert(colors[0]);
         alert("原来的长度："+colors.length);
         colors[100]="white";
         alert(colors[100]);//虽然数组的长度就3，但是由于数组的大小是可以动态调整的，所有实际上插n个undefined值
         alert("现在的长度："+colors.length); 
      }
      
      function arrayLength(){
          var output="";
          var colors=new Array("red","blue","green");
          colors[colors.length]="black";//在位置3添加一种颜色
          colors[colors.length]="gray";//在位置4添加一种颜色
          for(var i in colors){
             output+=colors[i]+" , ";
          }
          alert(colors.length+"---"+output);
      }
      
      //length是可读可写的
      function　arrayLengthSet(){
        var colors=["red","blue","black"];
        alert(colors.length);
        colors.length=1;
        alert("length="+colors.length+"--value:"+colors[0]);
      }
      
      //数组的valueOf()和toString()返回相同的值
      function arrayRead(){
          var colors=new Array("red","blue","green");
          alert(colors.toString());
          alert(colors.valueOf());
          alert(colors);
          
          //join()方法可以用不同的分隔符来构建字符串
          alert(colors.join("||"));
      }
    </script>
</head>
<body>
  <input  type="button" value="Array获取" onclick="arrayBasic();"/>
  <input  type="button" value="Array Length" onclick="arrayLength();"/>
  <input  type="button" value="Array Length设置" onclick="arrayLengthSet();"/>
  
  <input  type="button" value="Array转换方法" onclick="arrayRead();"/>
</body>
</html>