首頁技術(shù)文章正文

JavaScript如何創(chuàng)建數(shù)組？

更新時間:2020年09月04日16時56分來源:傳智播客瀏覽次數(shù):

什么是數(shù)組?

數(shù)組是一組數(shù)據(jù)有序的集合。數(shù)組它是屬于復(fù)合數(shù)據(jù)類型。它至少可以存儲一個值(它可以存儲很多很多值)。

例如我們生活中的倉庫，可以存放很多我們需要的工具或物品。

為什么要使用數(shù)組?

因為在我們工作中有很多數(shù)據(jù)是有關(guān)聯(lián)的我們要表示的時候想把這些數(shù)據(jù)用一個”東西”來存儲，這個時候就可以用到數(shù)組! 我們做開發(fā)的時候，需要將一個或多個數(shù)組進(jìn)行存儲的時候，可以考慮使用數(shù)組。

如何定義創(chuàng)建數(shù)組？

使用[]來定義數(shù)組

第一種方式：先定義一個空數(shù)組再往這個空數(shù)組中添加數(shù)組元素。

//使用[]來定義數(shù)組
        //1.先創(chuàng)建一個空數(shù)組  然后再往這個空數(shù)組里面添加數(shù)組元素 通過下標(biāo)來添加 
        // 數(shù)組變量名[下標(biāo)] = 值
        var arr1 = []; //沒有數(shù)組元素就稱之為空數(shù)組 
        arr1[0] = "鳴人";
        arr1[1] = "一護(hù)";
        arr1[2] = "翠花";
        arr1[99] = "卡卡羅特";
        //獲取數(shù)組的長度  一個變量沒有賦值  
        console.log(arr1[3]);

第二種方式：在定義數(shù)組時候直接添加數(shù)組元素

<script>
        //使用[]來定義數(shù)組
        //1.先創(chuàng)建一個空數(shù)組  然后再往這個空數(shù)組里面添加數(shù)組元素 通過下標(biāo)來添加 
        // 數(shù)組變量名[下標(biāo)] = 值
        var arr1 = []; //沒有數(shù)組元素就稱之為空數(shù)組 
        arr1[0] = "鳴人";
        arr1[1] = "一護(hù)";
        arr1[2] = "翠花";
        arr1[99] = "卡卡羅特";
        //獲取數(shù)組的長度  一個變量沒有賦值  
        console.log(arr1[3]);
        //第二種方式：在定義數(shù)組時候直接添加數(shù)組元素
        var arr2 = ['佐助','鳴人','小櫻',18];
        console.log(arr2[1]);
    
</script>

<script>
        //先定義空數(shù)組 
       //使用 for 循環(huán) 動態(tài)的為數(shù)組添加數(shù)據(jù)
           var arr=[];
           for(var i=0;i<10;i++){
               arr[i]=i+"哈哈哈";
           }
               console.log(arr);
</script>

1599201872662_數(shù)組相關(guān)概念.jpg

使用new關(guān)鍵字和Array()方法來定義數(shù)組

第一種方式：創(chuàng)建一個空數(shù)組 new Array()

第二種：創(chuàng)建一個數(shù)組要指定數(shù)組的長度 new Array(length)

第三種：創(chuàng)建一個數(shù)組并指定數(shù)組元素 new Array(元素1,元素1,元素N);

注意：

在工作中一般都是使用[]來創(chuàng)建數(shù)組基本上不會使用new關(guān)鍵字和Array方法來創(chuàng)建。

<script>
        //使用new關(guān)鍵字和Array()方法來定義數(shù)組  
        //1.創(chuàng)建一個空數(shù)組  new Array();

        var arr1 = new Array();   // new Date() 
        arr1[0] = "孫悟空";
        arr1[1] = "花果山";
        arr1[2] = "方寸山斜月三星洞";
        
        //2.創(chuàng)建一個有指定長度的數(shù)組  
        //也就是數(shù)組的元素有三個 想寫4個 或者只寫2個 
        //規(guī)定了長度 但是少寫了 數(shù)組的長度還是規(guī)定的
        var arr2 = new Array(3);  //數(shù)組的長度是3  也就是數(shù)組的元素有三個 
        //添加數(shù)組元素
        arr2[0] = "豬剛鬣";
        arr2[1] = "高老莊";
        arr2[2] = "好色";
        arr2[3] = "好吃";
        
        console.log(arr2.length);

        //3.創(chuàng)建一個數(shù)組 數(shù)組里面有指定的元素
        var arr3 = new Array("鳴人",18,"木葉","雛田");
        console.log(arr3);
    
</script>

數(shù)組的相關(guān)概念

數(shù)組元素

指數(shù)組中的每一個數(shù)據(jù)!我們就把它們稱之為數(shù)組元素,例如:

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

數(shù)組下標(biāo)(索引)

每一個數(shù)組元素都對應(yīng)著一個數(shù)組下標(biāo) 數(shù)組的下標(biāo)是從0開始第一個數(shù)組元素的下標(biāo)是0，第二個數(shù)組元素的下標(biāo)為1 第三個數(shù)組元素的下標(biāo)為2 依此類推!

下標(biāo)的主要作用就是為了方便找到數(shù)組中的元素！找到我們存在數(shù)組中的數(shù)據(jù)

如何訪問數(shù)組里面的某一個元素？

格式：

數(shù)組變量名[下標(biāo)]

1599201885158_訪問數(shù)組元素.jpg

數(shù)組的長度

數(shù)組的長度：數(shù)組中元素的總個數(shù)

其實數(shù)組的變量名是一個數(shù)組對象

如何去計算數(shù)組的長度：

數(shù)組變量名.length

在JS中數(shù)組對象下面有一個length的屬性這個屬性可以得到數(shù)組的長度

數(shù)組的長度與最大下標(biāo)之間有什么關(guān)系 ?

最大下標(biāo)=數(shù)組的長度-1

<script>
    //使用一個變量來保存所有同學(xué)的姓名 
    //數(shù)組在其它的程序語言里面是是數(shù)組類型 但是在JS里面沒有數(shù)組類型 它是對象類型 
    //數(shù)組是一組數(shù)組的有序的集體  每個數(shù)據(jù)之間使用逗號分開 為了表示它是數(shù)組 要在這些數(shù)據(jù)的外面使用[]括起來 
    //數(shù)組是一組數(shù)據(jù)有序的集合 有順序 
    //數(shù)組的長度 ----->數(shù)組里面的元素的個數(shù) 
    //語法：
    //數(shù)組里面的元素它的類型可以是任意類型 沒有限制  
    var arr =  ["張三","李四","王五",18,true,false];
    
    //數(shù)組的下標(biāo)的目的是為了讓我們的找到數(shù)組里面的元素 
    //格式： 數(shù)組的變量名[指定的下標(biāo)值]
    
    console.log(arr);
    console.log(arr[2]);
    //獲取數(shù)組的長度 數(shù)組里面元素的總個數(shù)  JS仿照J(rèn)AVA 
    console.log(arr.length);
    //如果的最大下標(biāo)與長度之間的關(guān)系  
    //數(shù)組里面最大的下標(biāo) = 數(shù)組的長度-1 
    var length = arr.length; //獲取當(dāng)前數(shù)組的長度將它賦值給變量length 
    console.log(arr[length-1]);
    
</script>