JavaScript -- 03 陣列
阿新 • • 發佈:2018-12-28
陣列
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:
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