JavaScript數組

1.數組的概念

  以前的變量 只能存儲一個值。若是咱們想存儲班級中全部學生的姓名，該如何存儲呢？

  可使用數組（array）。數組能夠把一組相關的數據一塊兒存放，並提供方便的訪問方式。

  數組就是一組數據的集合，其中每一個數據被稱爲元素，在數組中能夠存放仍以類型的元素。數組是一種將一組數據存儲在單個變量名下的優雅方式。

   //普通變量一次只能存儲一個值

   var num = 10;

   //數組一次能夠存儲多個值

   var arr = [1,2,3,4,5]

2.數組建立

2.1建立數組的方式

JS中建立數組有兩種方式：

   利用new 建立數組

   利用數組字面量建立數組（經常使用）

    數組的字面量是方括號[]

    聲明數組並賦值成爲數組的初始化

    這種字面方式也是咱們之後最多使用的方式

 

    // 1.數組（array）: 就是一組數據的集合，存儲在單個變量下的優雅方式 
        // 2.利用new 建立數組
        var arr = new Array(); //建立了一個空的數組。
        // 3.利用數組字面量來建立數組[]
        var arr = [];//建立了一個空的數組
        var arr1 = [1,2,'pink老師',true];        // 4.咱們數組裏面的數據必定用 , 分隔
        // 5.數組裏面的數據 好比1，2 咱們稱爲數組元素
        
    " _ue_custom_node_="true">

 

2.4數組元素的類型

  數組中能夠存放 任意類型的數據，例如字符串，數字，布爾值等。

  var arrStus = ['小白',12,true,28.9];

 3.獲取數組元素

3.1數組的索引

    索引(下標)：用來訪問數組元素的序號（數組下標從0開始）

     var arr = ['小白', '小黑' , '大黃' , '瑞奇'];

     索引號    0         1           2         3   

    數組是經過 索引 來訪問，設置 修改對應的數組元素，咱們能夠經過 "數組名[索引]"的形式來獲取數組中的元素

    這裏訪問就是獲取，獲得的意思

4.遍歷數組

  （1）數組每一項怎麼取出來？

    能夠經過「數組名[索引號]」的方式一項一項的取出來

 

   （2）怎麼把數組元素所有取出來呢？

     循環

     遍歷，把數組每一個元素從頭至尾都訪問一次（相似於我i們的點名）

        // 遍歷數組：就是把數組元素從頭至尾訪問一遍
        var arr = ['red' , 'green' , 'blue']        for (var i = 0; i < 3; i++)
        {
            console.log(arr[i]);
        }        // 1.由於咱們的數組索引號從0開始，因此i必須從0開始 i<3;// 2.輸出的是有arr[i] i 計數器當索引號來用

4.1數組的長度

使用"數組名.length"，能夠訪問數組元素的質量（數組長度）。

    //數組長度   "數組名.length"
        var arr = ['關羽' , '張飛' , '馬超' ,'趙雲', '黃忠', '劉備', '姜維']        for (var i =0 ; arr.length)
        {
            console.log(arr[i]);

        }
        console.log(arr.length);     
        //1.數組長度是元素個數 不要跟索引混淆。
        //2. arr.length 動態監測數組元素的個數。 
    " _ue_custom_node_="true">

 

5數組中的新增元素

能夠經過修改length長度以及索引號增長數組元素

5.1經過修改length長度新增數組元素

     修改length長度實現擴容

     length 是可讀寫的

5.2經過修改數組索引新增數組元素

   // 1.新增數組元素 修改length長度
        var arr = ['red','green'];
        arr.length = 5;
        console.log(arr);
        console.log(arr[3]);        // 2.新增數組元素，修改索引號 追加數組元素
        var arr1 = ['red','green'];
        arr1[2] = 'pink';        // 3,這是替換原來的數組元素
        arr1[0] = 'yellow';
        console.log(arr1);        //不要直接給數組元素賦值 否賊省得數組元素都沒有了
        arr1 = '有點意思';
        console.log(arr1);    " _ue_custom_node_="true">

6.循環添加數組元素

    var arr = [] ;        for(var i = 0 ; i)
        {
            arr[i]=i+1;
        }
        console.log(arr);  
    " _ue_custom_node_="true">

7.數組中只保留大於10的元素

    var arr = [2,0,6,1,77,0,52,0,25,7];        var data = 10;        var arrNew = [];        for(var i=0,j=0 ; i )
        {            if(arr[i] >= data)
            {
                arrNew[j]=arr[i];
                j++;
            }
        }
        console.log(arrNew);    " _ue_custom_node_="true">

8.把數組元素的特定值去掉（這裏去掉的是0）

    var arr = [2,0,6,1,77,0,52,0,25,7];        var arr1 = [];        for(var i=0 ;i)
        {            if(arr[i] != 0)
            {
                arr1[arr1.length] = arr[i];
            }     
        }
        console.log(arr1);    " _ue_custom_node_="true">

9.把數組元素反轉

    //將['red','green','blue','pink','purple']內容反轉過來
        var arr = ['red','green','blue','pink','purple','hotpink'];        var arr1 = [];        for(var i=(arr.length-1);i>=0;i--)
        {
            arr1[arr1.length] = arr[i];
        }
        console.log(arr1);     
    " _ue_custom_node_="true">