聊聊javascript中的數(shù)組

Towers 發(fā)布于2019-08-23 10:52 / 2783人閱讀

摘要：數(shù)組定義數(shù)組數(shù)組名稱元素元素定義空數(shù)組前端定義數(shù)組同時添加不同類型的元素構(gòu)造函數(shù)方式數(shù)組名稱元素，元素數(shù)組名稱類型，表示數(shù)組的長度存在元素的個數(shù)用創(chuàng)造出一個空數(shù)組的構(gòu)造函數(shù)前端用創(chuàng)造一個空數(shù)組的構(gòu)造函數(shù)并添加元素函數(shù)方式定義數(shù)組名稱元素，元

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

1.var 數(shù)組名稱 = [元素1,元素2,...];

var arr=[];//定義空數(shù)組
var arr1=[100,"前端",true,undefined];//定義數(shù)組同時添加不同類型的元素

2.構(gòu)造函數(shù)方式

var 數(shù)組名稱 = new Array(元素1，元素2,...);
var 數(shù)組名稱 = new Array(length);
length:number類型，表示數(shù)組的長度(存在元素的個數(shù))

var arr=new Array();//用new創(chuàng)造出一個空數(shù)組的構(gòu)造函數(shù)
var arr1=new Array(100,"前端",true,undefined);//用new創(chuàng)造一個空數(shù)組的構(gòu)造函數(shù)并添加元素

3.函數(shù)方式定義

var 數(shù)組名稱 = Array(元素1，元素2,...);
var 數(shù)組名稱 = Array(length);
length:number類型，表示數(shù)組的長度(存在元素的個數(shù))

var arr=Array();//定義一個空數(shù)組
var arr1=Array(100,"前端",true);//定義一個空數(shù)組并添加元素
var arr2=Array(20);//定義一個數(shù)組并給它開20個位置

索引數(shù)組

表示數(shù)組中元素的位置使用數(shù)字值來表示的
數(shù)字值：表示元素的位置，也就是下標(biāo)
數(shù)組的長度與元素的個數(shù)是一致的

var arr=[];//定義一個空數(shù)組
arr[0] = "大前端";
arr[1] = true;

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

表示數(shù)組中元素的位置使用字符串來表示
注意關(guān)聯(lián)數(shù)組的數(shù)組長度與元素個數(shù)不一致，length在關(guān)聯(lián)數(shù)組中失效

var arr=[];//定義一個空數(shù)組
arr["name"] = "孫悟空";
arr["age"] = 500;
arr["job"] = "花果山美猴王";

稀疏數(shù)組

數(shù)組的長度與元素的個數(shù)不一致的，索引數(shù)組的位置允許不連續(xù)的，沒有定義元素的位置默認(rèn)為空

var arr=[];
arr[0] = "美猴王";
arr[3] = 500;
arr[5] = "花果山";

訪問數(shù)組的元素

數(shù)組名稱[索引值]

var arr=["大前端",100,null];//定義數(shù)組
console.log(arr[0]);//輸出arr中0位置的內(nèi)容
console.log(arr[5]);//訪問arr中位置5的內(nèi)容，雖然不存在，但是也不報錯，返回undefined

數(shù)組的復(fù)制

var num=100;
var res=num;
console.log(num);//輸出結(jié)果：100
console.log(res);//輸出結(jié)果：100

num=200;
console.log(res);//輸出結(jié)果：100
//復(fù)制變量里的值，不管原變量怎么改動值，都不影響復(fù)制它值的另一個變量的值

var arr=["大前端",100,true];
var arr1=arr;
console.log(arr);//輸出結(jié)果：["大前端",100,true]
console.log(arr1);//輸出結(jié)果：["大前端",100,true]

arr=[100];
console.log(arr);//輸出結(jié)果：[100]
console.log(arr1);//輸出結(jié)果：["大前端",100,true]

arr[0]=100;
console.log(arr);//輸出結(jié)果：[100,100,true]
console.log(arr1);//輸出結(jié)果：[100,100,true]
/*復(fù)制一個數(shù)組，如果被復(fù)制的原數(shù)組，只會把原數(shù)組中的存儲地址位置賦值給另一個數(shù)組，
另一個數(shù)組會跟它一起通過地址位置連接到同一個存儲位置，如果原數(shù)組修改自己里面的值
會影響另一個數(shù)組，如果原數(shù)組直接重新賦值一個新數(shù)組，則不影響另一個數(shù)組*/

數(shù)組的修改

//索引數(shù)組的修改
var arr=["大前端",100];
arr[0]="前端";

//關(guān)聯(lián)數(shù)組的修改
var arr1=[];
arr1["name"]="孫悟空";
arr1["age"]=500;
arr1["name"]="唐僧";

數(shù)組的刪除

//索引數(shù)組的刪除
var arr1=["大前端",true];
delete arr1[0];

//關(guān)聯(lián)數(shù)組的刪除
var arr2=[];
arr2["kecheng"]="大前端";
arr2["name"]="張三";
delete arr2["kecheng"];

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

var arr = ["前端", 200, true, undefined];
// while語句
var i = 0;
while (i < arr.length){
    console.log(arr[i]);
    i++;
}

// do...while語句
var i = 0;
do {
    console.log(arr[i]);
    i++;
} while (i < arr.length);

// for語句
for (var i=0; i
for...in語句
for語句:循環(huán)的開始和結(jié)束，都是由程序員決定的
for..in語句:循環(huán)只能從開始到結(jié)束
var arr = ["前端", 100, true, undefined];
/*
    for (var 變量 in 數(shù)組) {
        代碼段
    }
    * 變量：得到的是數(shù)組的索引值
 */
for (var i in arr) {
    console.log(arr[i]);
}

// 關(guān)聯(lián)數(shù)組的length屬性為 0
var arr1 = [];
arr1["name"] = "張三";
arr1["age"] = 28;
arr1["job"] = "程序員";

// for..in語句可以循環(huán)遍歷關(guān)聯(lián)數(shù)組, for語句不行
for (var i in arr1) {
    console.log(arr1[i]);
}

// 稀疏數(shù)組 - 數(shù)組的長度與元素的個數(shù)不一致
var arr2 = [];
arr1["name"] = "李四";
arr1["age"] = 89;
arr1["job"] = "運(yùn)動員";

// for..in語句循環(huán)遍歷稀疏數(shù)組(直接得到有效元素值), for語句不行
for (var i in arr2) {
    console.log(arr2[i]);
}
二維數(shù)組
var arr = [];// 定義一個空數(shù)組
arr[0] = [蘋果X,8999,2017];
arr[1] = [小米,999,2016];
arr[2] = [華為,4563,2017];

console.log(arr);
// 訪問二維數(shù)組中的元素
var result = arr[0];
console.log(result[0]);
console.log(arr[0][0]);

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