JavaScript-數(shù)組

XanaHopper 發(fā)布于2019-08-23 10:53 / 3113人閱讀

摘要：什么是數(shù)組數(shù)組是值的有序集合。這個(gè)位置用數(shù)字表示叫索引數(shù)組用字符串表示叫關(guān)聯(lián)數(shù)組。

什么是數(shù)組

數(shù)組是值的有序集合。數(shù)組中的每個(gè)值叫一個(gè)元素，每個(gè)元素在數(shù)組中都有一個(gè)唯一的位置。這個(gè)位置用數(shù)字表示叫索引數(shù)組；用字符串表示叫關(guān)聯(lián)數(shù)組。
數(shù)組的元素可以是不同的類型
可以動(dòng)態(tài)的向數(shù)組差人新元素，或者刪除指定元素

一維數(shù)組 定義數(shù)組

定義數(shù)組的方式有三種

/*數(shù)組字面量方式定義數(shù)組*/
var arr1 = []//空數(shù)組
var arr2 = [2,"",true] //數(shù)組內(nèi)元素可以是不同的類型
console.log(arr2)

var arr3 = [3]//數(shù)組元素為3
console.log(arr3)

/*數(shù)組函數(shù)方式定義數(shù)組*/
var arr4 = Array()//空數(shù)組
var arr5 = Array(3)//當(dāng)只有一個(gè)元素且為數(shù)字時(shí)，表示數(shù)組的長度

/*構(gòu)造函數(shù)方式定義數(shù)組*/
var arr6 = new Array()//空數(shù)組
var arr7 = Array(3)//當(dāng)只有一個(gè)元素且為數(shù)字時(shí)，表示數(shù)組的長度

索引數(shù)組

/*
    *索引數(shù)組-數(shù)組中元素的位置用數(shù)字表示,稱之為下標(biāo)或角標(biāo)
    *下標(biāo)是從0開始
     *數(shù)組的長度與元素的個(gè)數(shù)一致 */
var arr = [];//定義一個(gè)空的數(shù)組
arr[0] ="化物語";
arr[1] ="偽物語";
arr[2] ="貓物語";
    console.log(arr.length);//判斷數(shù)組的長度

關(guān)聯(lián)數(shù)組

/*
*   關(guān)聯(lián)數(shù)組中的元素是用字符串表示
*   */
var arr = [];
arr["name"] ="西尾維新";
arr["job"] ="作家";
//輸出結(jié)果
   /* [ name: "西尾維新", job: "作家" ]*/

/*關(guān)聯(lián)數(shù)組的長度與元素的個(gè)數(shù)不一致
* 原因：官方不支持關(guān)聯(lián)數(shù)組*/
console.log(arr.length);//輸出為0

稀疏數(shù)組

/*當(dāng)索引數(shù)組的位置不連續(xù)，沒有定義元素的位置為（undefined）
*  稀疏數(shù)組：數(shù)組長度與元素?cái)?shù)目不一致的索引數(shù)組*/
var arr = [];
arr[0] ="化物語";
arr[2] ="偽物語";
arr[5] ="貓物語";
console.log(arr);
/*輸出結(jié)果
* [ "化物語", <1 empty item>, "偽物語", <2 empty items>, "貓物語" ]
*/
//* empty item等價(jià)于undefined

數(shù)組元素的讀取

var arr = ["化物語",23,true];
/*調(diào)用數(shù)組名稱，得到的是元素?cái)?shù)據(jù)集合-[ "化物語", 23, true ]*/
console.log(arr);
/*調(diào)用元素->數(shù)組名稱[索引值] -化物語*/
console.log(arr[0]);
/*調(diào)用沒有定義位置的元素，結(jié)果為undefined*/
console.log(arr[4]);

數(shù)組元素的修改

/*定義索引數(shù)組*/
var arr1 = [];
arr1 [0] ="化物語";
arr1 [1] ="23";
/*定義關(guān)聯(lián)數(shù)組*/
var arr2 = [];
arr2 ["name"] = "傷物語";
arr2 ["age"] = "233";
//通過數(shù)組索引值找到對(duì)應(yīng)元素的位置，重新賦值
arr1[0] = "偽物語";
console.log(arr1[0]);//偽物語
arr2["name"] = "貓物語";
console.log(arr2["name"]);//貓物語

/*對(duì)于數(shù)組中沒有的索引值，就是重新增添一個(gè)元素*/
arr1[3] = "浮生六記";
console.log(arr1[3]);//浮生六記

數(shù)組元素的刪除

/*delete運(yùn)算符用來刪除數(shù)組的元素
* 對(duì)于索引數(shù)組被刪除的元素只是刪除數(shù)據(jù)內(nèi)容，位置會(huì)被保留
* 索引數(shù)組變?yōu)橄∈钄?shù)組
 */
var arr = [];
arr[0] = "化物語";
arr[1] = "國風(fēng)";
delete arr[0];
console.log(arr[0]);//undefined

循環(huán)遍歷數(shù)組元素

var arr = ["化物語","23","true"];
//for語句-最常用
for (var i=0 ; i
二維數(shù)組
二維數(shù)組就是數(shù)組作為元素被包含在另一個(gè)數(shù)組中
var arr = [];
arr[0] = ["風(fēng)","雅"];
arr[1] = ["童年","在人間"];
/*
console.log(arr)//[ [ "風(fēng)", "雅",  ], [ "童年", "在人間" ] ]*/
//訪問二維數(shù)組中的元素
//console.log(arr[0][0])//風(fēng)

/*
var result = arr[0]
console.log(result[1])//雅
*/

//循環(huán)遍歷二維數(shù)組
for(var i=0 ;i