天天看點

JS_數組簡介

數組(Array)

-數組也是一個對象

-數組使用數字作為索引來操作元素

-索引:

從0開始的整數就是索引

  • 使用構造函數建立數組對象
  • 使用字面量建立數組

    文法:[]

  • 向數組添加元素

    文法:數組[索引] = 值

arr[0] = 11;
        arr[1] = 22;
        arr[2] = 33;
        console.log(arr);//傳回[11,22,33]
           
  • 讀取數組中的元素

    文法:數組[索引]

    如果讀取不存在的索引,不會報錯,會傳回undefined

console.log(arr[0]);//傳回11
	    console.log(arr[5]);//傳回undefined
           
  • 擷取數組長度(元素個數)

    文法:數組.length

console.log(arr.length);//傳回3
        /* 直接添加索引7,索引2-6沒有放置元素,但位置仍會空出,
        是以最終長度為該數組的最大索引數+1。 */
        //盡量不要建立非連續數組
        arr[7] = 77;
        console.log(arr);//傳回[11,22,33,,,,,77]
        console.log(arr.length);//傳回8
           
  • 修改length

    -如果修改的length大于原數組長度,則多餘的部分會空出

    -如果修改的length小于原數組長度,則多餘的部分會删除

//arr.length = 10;
        arr.length = 2;
        console.log(arr);
        console.log(arr.length);
           
  • 永遠向數組的最後一個位置添加元素

    文法:數組[數組.length] = 值

arr[arr.length] = 5;
        arr[arr.length] = 7;
        console.log(arr);
           
  • 使用字面量建立數組時,同時指定數組元素
  • 使用構造函數建立數組時同時指定元素
var arr2 = new Array(10,20,30);
        console.log(arr2);//傳回[10,20,30]
           
//但當數組中隻有一個元素時
        arr = [10];
        console.log(arr);//傳回隻有一個元素10的數組
        console.log(arr.length);
        
        arr2 = new Array(10);//建立一個長度為10的數組
        console.log(arr2);//傳回一個長度為10的空數組
        console.log(arr2.length);
           
  • 數組中的元素可以是任意的資料類型
//基本資料類型
		arr = ["hi",12,true,null,undefined];
        console.log(arr);
        console.log(arr[4]);
        //可以是對象
        var obj = {name:"sun"};
        arr[arr.length] = obj;
        console.log(arr);
        //可以是函數
        arr = [function(){alert(1)},function(){alert(2)}];
        console.log(arr);
        //arr[0]();//調用數組中的函數
        //可以放數組,如下這種叫二維數組
        arr = [[1,2,3],[4,5,6,],[7,8,9]];
        console.log(arr);
        console.log(arr[0]);
        
           
js