首页技术文章正文

JavaScript如何创建数组？

更新时间:2020年09月04日16时56分来源:传智播客浏览次数:

什么是数组?

数组是一组数据有序的集合。数组它是属于复合数据类型。它至少可以存储一个值(它可以存储很多很多值)。

例如我们生活中的仓库，可以存放很多我们需要的工具或物品。

为什么要使用数组?

因为在我们工作中有很多数据是有关联的我们要表示的时候想把这些数据用一个”东西”来存储，这个时候就可以用到数组! 我们做开发的时候，需要将一个或多个数组进行存储的时候，可以考虑使用数组。

如何定义创建数组？

使用[]来定义数组

第一种方式：先定义一个空数组再往这个空数组中添加数组元素。

//使用[]来定义数组
        //1.先创建一个空数组  然后再往这个空数组里面添加数组元素 通过下标来添加 
        // 数组变量名[下标] = 值
        var arr1 = []; //没有数组元素就称之为空数组 
        arr1[0] = "鸣人";
        arr1[1] = "一护";
        arr1[2] = "翠花";
        arr1[99] = "卡卡罗特";
        //获取数组的长度  一个变量没有赋值  
        console.log(arr1[3]);

第二种方式：在定义数组时候直接添加数组元素

<script>
        //使用[]来定义数组
        //1.先创建一个空数组  然后再往这个空数组里面添加数组元素 通过下标来添加 
        // 数组变量名[下标] = 值
        var arr1 = []; //没有数组元素就称之为空数组 
        arr1[0] = "鸣人";
        arr1[1] = "一护";
        arr1[2] = "翠花";
        arr1[99] = "卡卡罗特";
        //获取数组的长度  一个变量没有赋值  
        console.log(arr1[3]);
        //第二种方式：在定义数组时候直接添加数组元素
        var arr2 = ['佐助','鸣人','小樱',18];
        console.log(arr2[1]);
    
</script>

<script>
        //先定义空数组 
       //使用 for 循环 动态的为数组添加数据
           var arr=[];
           for(var i=0;i<10;i++){
               arr[i]=i+"哈哈哈";
           }
               console.log(arr);
</script>

1599201872662_数组相关概念.jpg

使用new关键字和Array()方法来定义数组

第一种方式：创建一个空数组 new Array()

第二种：创建一个数组要指定数组的长度 new Array(length)

第三种：创建一个数组并指定数组元素 new Array(元素1,元素1,元素N);

注意：

在工作中一般都是使用[]来创建数组基本上不会使用new关键字和Array方法来创建。

<script>
        //使用new关键字和Array()方法来定义数组  
        //1.创建一个空数组  new Array();

        var arr1 = new Array();   // new Date() 
        arr1[0] = "孙悟空";
        arr1[1] = "花果山";
        arr1[2] = "方寸山斜月三星洞";
        
        //2.创建一个有指定长度的数组  
        //也就是数组的元素有三个 想写4个 或者只写2个 
        //规定了长度 但是少写了 数组的长度还是规定的
        var arr2 = new Array(3);  //数组的长度是3  也就是数组的元素有三个 
        //添加数组元素
        arr2[0] = "猪刚鬣";
        arr2[1] = "高老庄";
        arr2[2] = "好色";
        arr2[3] = "好吃";
        
        console.log(arr2.length);

        //3.创建一个数组 数组里面有指定的元素
        var arr3 = new Array("鸣人",18,"木叶","雏田");
        console.log(arr3);
    
</script>

数组的相关概念

数组元素

指数组中的每一个数据!我们就把它们称之为数组元素,例如:

var arr=[“张三”,”李四”,”王五”];

数组下标(索引)

每一个数组元素都对应着一个数组下标数组的下标是从0开始第一个数组元素的下标是0，第二个数组元素的下标为1 第三个数组元素的下标为2 依此类推!

下标的主要作用就是为了方便找到数组中的元素！找到我们存在数组中的数据

如何访问数组里面的某一个元素？

格式：

数组变量名[下标]

1599201885158_访问数组元素.jpg

数组的长度

数组的长度：数组中元素的总个数

其实数组的变量名是一个数组对象

如何去计算数组的长度：

数组变量名.length

在JS中数组对象下面有一个length的属性这个属性可以得到数组的长度

数组的长度与最大下标之间有什么关系 ?

最大下标=数组的长度-1

<script>
    //使用一个变量来保存所有同学的姓名 
    //数组在其它的程序语言里面是是数组类型 但是在JS里面没有数组类型 它是对象类型 
    //数组是一组数组的有序的集体  每个数据之间使用逗号分开 为了表示它是数组 要在这些数据的外面使用[]括起来 
    //数组是一组数据有序的集合 有顺序 
    //数组的长度 ----->数组里面的元素的个数 
    //语法：
    //数组里面的元素它的类型可以是任意类型 没有限制  
    var arr =  ["张三","李四","王五",18,true,false];
    
    //数组的下标的目的是为了让我们的找到数组里面的元素 
    //格式： 数组的变量名[指定的下标值]
    
    console.log(arr);
    console.log(arr[2]);
    //获取数组的长度 数组里面元素的总个数  JS仿照JAVA 
    console.log(arr.length);
    //如果的最大下标与长度之间的关系  
    //数组里面最大的下标 = 数组的长度-1 
    var length = arr.length; //获取当前数组的长度将它赋值给变量length 
    console.log(arr[length-1]);
    
</script>