首頁技術文章正文

JS數(shù)組是什么?如何創(chuàng)建數(shù)組?

更新時間:2020-09-04 來源:黑馬程序員 瀏覽量:

什么是數(shù)組?

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

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

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

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

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

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

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

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


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

<script>
        //使用[]來定義數(shù)組
        //1.先創(chuàng)建一個空數(shù)組  然后再往這個空數(shù)組里面添加數(shù)組元素 通過下標來添加 
        // 數(shù)組變量名[下標] = 值
        var arr1 = []; //沒有數(shù)組元素就稱之為空數(shù)組 
        arr1[0] = "鳴人";
        arr1[1] = "一護";
        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ù)組相關概念.jpg

使用new關鍵字和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關鍵字和Array方法來創(chuàng)建。

<script>
        //使用new關鍵字和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ù)組的相關概念

數(shù)組元素

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

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


數(shù)組下標(索引)

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

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

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

格式:

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

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

數(shù)組的長度

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

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

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

數(shù)組變量名.length


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

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

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

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


猜你喜歡:

Javascript多維數(shù)組介紹

js數(shù)組遍歷:JavaScript如何遍歷數(shù)組?

JavaScript為什么叫JavaScript?

web前端培訓課程

分享到:
在線咨詢 我要報名
和我們在線交談!