1. 程式人生 > >JavaScript -- 03 陣列

JavaScript -- 03 陣列

陣列

1.JavaScript的Array可以包含任意資料型別,並通過索引來訪問每個元素。可以直接用arr.length來取得Array的長度,直接給Array的length賦一個新的值會導致Array大小的變化,Array可以通過索引把對應的元素修改為新的值,因此,對Array的索引進行賦值會直接修改這個Array。
var arr = [1,2,3.14,'hello',null,true];
arr.length; 	//6
var arr = [1,2,3];
arr.length = 6;	//arr變為[1,2,3,undefined,undefined,undefined]
arr.length = 2;	//array變為[1,2]
var arr = ['A', 'B', 'C'];
arr[1] = 90;
arr; //arr現在為['A', 90, 'C']

2.注意:如果通過索引賦值時,索引超過了範圍,同樣會引起Array的大小變化;
var arr = [1, 2, 3];
arr[6] = 'x';
arr;	// arr變為[1, 2, 3, undefined, undefined, 'x']
但是在編寫程式碼時,不建議直接修改Array的大小,訪問索引時要確保索引不會越界。
3.與String類似,Array也可以通過indexOf() 來搜尋一個指定的元素的位置:  
var arr = [10, 20, '30', 'xyz'];
arr.indexOf(10);	//元素10的索引為0
arr.indexOf(20); 	//元素20的索引為1
arr.indexOf(30);	//元素30沒有找到,返回-1
arr.indexOf('30');	//元素'30'的索引為2

4.slice()就是對應String的substring()版本,它擷取Array的部分元素,然後返回一個新的Array:
var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0,3);	//從索引0開始,到索引3結束,但不包含索引3:['A', 'B', 'C']
arr.slice(3);	//從索引3開始到結束: ['D','E', 'F', 'G']
slice()的起止引數包含開始索引,不包含結束索引,如果不給slice()傳遞任何引數,它就會從頭到尾擷取所有元素,這樣就可以很容易複製一個Array:
var acopy = arr.slice();
5.push()向Array的末尾新增若干元素,pop()把Array的最後一個元素刪除掉。
var arr = [1, 2];
arr.push('A', 'B');
arr.pop();	//pop()返回'B'
arr.pop();arr.pop();arr.pop();arr.pop();	//連續pop()4次,空陣列時繼續pop不會報錯,而是返回undefined

6.使用unshift()方法,可以往Array的頭部新增若干元素,shift()方法則是把Array的第一個元素刪掉:
var arr = [1, 2];
arr.unshift('A', 'B');
arr; //['A', 'B', 1, 2];
arr.shift();
arr; //['B', 1, 2]
arr.shift();
//空陣列繼續shift不會報錯,而是返回undefined

7.使用sort()方法可以對當前Array進行排序,它會直接修改當前Array的元素位置。
var arr = ['B', 'C', 'A'];
arr.sort();
arr;	//['A', 'B', 'C']

8.使用reverse()方法把整個Array的元素給反轉。
var arr = ['one', 'two', 'three'];
arr.reverse();
arr; //['three', 'two', 'one']

9.使用splice()方法可以從指定的索引開始刪除若干元素,然後再從該位置新增若干元素。
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
//從索引2開始刪除3個元素,然後再新增兩個元素
arr.splice(2, 3, 'Google', 'Facebook');	//返回刪除的元素['Yahoo', 'AOL', 'Excite']
arr;	//['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
//只刪除,不新增
arr.splice(2, 2); //['Google', 'Facebook']
arr;	//['Microsoft', 'Apple', 'Oracle']

//只新增,不刪除
arr.splice(2, 0, 'Google', 'Facebook');
arr;	//['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

10.使用concat()方法把當前的Array和另一個Array連線起來,並返回一個新的Array:
var arr = ['A', 'B', 'C'];
var added = arr.concat([1, 2, 3]);
added;	//['A', 'B', 'C', 1, 2, 3]
arr; //['A', 'B', 'C']

var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]);

11.使用join()方法把當前Array的每一個元素都用指定的字串連線起來,然後返回來你連線後的字串:
var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('_');	//'A-B-C-1-2-3'

12.如果陣列的某個元素又是一個Array,則看可以形成多維陣列,例如:
var arr = [[1, 2, 3], [400, 500, 600], '-'];
上述Array包含三個元素,其中頭兩個元素本身也是Array。
var x = arr[1][1]; //x = 500