javascript中Array常用方法
一、基本概念
1、什麼是陣列
陣列就是一組資料的集合
其表現形式就是記憶體中的一段連續的記憶體地址
陣列名稱其實就是連續記憶體地址的首地址
2、關於js中的陣列特點
陣列定義時無需指定資料型別
陣列定義時可以無需指定陣列長度
陣列可以儲存任何資料型別的資料（比如說一個元素儲存整型，一個元素儲存字串型，這個在JS中是可以的）
建立陣列的語法：
var arr=[值1,值2,值3]; //隱式建立
var arr=new Array(值1,值2,值3); //直接例項化
var array=new Array(size); //建立陣列並指定長度
3、關於陣列長度
陣列物件.length
在js中，每一個數組物件都可以呼叫length屬性，它表示陣列物件下共有幾個陣列元素
示例：
1 var row = ['zhangsan','lisi','wangwu'];
2 doucument.write('共有'+row.length+'個人<br>');
3
4 var length = row.length;//對陣列進行遍歷
5 for (var i=0;i<length;i++){
6 doucument.write(row[i]+'<br>');
7 }
4、for...in語句
在js中，陣列不是資料型別，陣列的資料型別其實就是物件
Js中的For.....in語句可以實現對一個物件的所有屬性的遍歷
也可以使用for...in語句實現對一個數組的所有元素的遍歷
語法：
for( var i in array ){
}
原理：陣列中有幾個元素，for..in語句就迴圈執行多少次
每次執行時，將當前陣列元素的下標存放到變數i中
1 var row = ['zhangsan','lisi','wangwu','xiaoqiang'];
2
3 for (var i in row){
4 document.write(i + ':' + row[i] + '<br>');
5 }
結果：
0:zhangsan
1:lisi
2:wangwu
3:xiaoqiang
5、文字下標
格式:
arr['key'] = value;
在js中，文字下標的陣列元素，不計入陣列長度
以文字下標形式新增到陣列，實際是以屬性形式新增到陣列物件中的
1 var arr = [1,2,3]; 2 arr['first'] = 'zhangsan'; 3 arr['second'] = 'lisi'; 4 5 document.write(arr.length + '<br>'); 6 document.write(arr.first + '<br>'); 7 document.write(arr.second + '<br>');
結果：
3
zhangsan
lisi
遍歷帶有文字下標的陣列：
1 var arr = [1,2,3];
2 arr['first'] = 'zhangsan';
3 arr['second'] = 'lisi';
4
5 for(var i in arr){
6 document.write(i + ':' + arr[i] + '<br>');
7 }
結果：
0:1
1:2
2:3
first:zhangsan
second:lisi
6、多維陣列
1 var arr = [
2 [10,'zhangsan','male'],
3 [11,'lisi','female'],
4 [12,'wangwu','male']
5 ];
6 for (var i in arr){
7 for(var j in arr[i]){
8 document.write(arr[i][j]);
9 }
10 document.write('<br>');
11 }
二、常用方法
（一）會改變原陣列
1.移除陣列末尾最後一項.pop()，返回刪除的元素
如果你在一個空陣列上呼叫 pop()，它返回undefined2.在陣列末尾新增一個或多個元素.push()，返回修改後陣列長度
3.移除陣列第一項.shift()，返回移除的元素
4.在陣列頭部新增一個或多個元素.unshift()，返回修改後陣列長度
5.對陣列元素排序.sort()，返回排序後的陣列
6.顛倒陣列元素.reverse()，返回顛倒後的陣列
7.刪除或插入元素.splice()，返回陣列刪除的項，沒有刪除的項，返回空陣列
var word = ['a', 'b', 'c', 'd'];
//刪除,前閉後開
var newArr = word.splice(0,2);
console.log(word); //["c", "d"]
console.log(newArr); //["a", "b"]
//插入,當前陣列索引1處插入hello
var newArr = word.splice(1,0,'hello');
console.log(word); //["c", "hello", "d"]
console.log(newArr); //[]
//替換
var newArr = word.splice(1,1,'world');
console.log(word); //["c", "world", "d"]
console.log(newArr); //["hello"]
（二）不會改變原陣列
1.合併兩個或多個數組.concat()，返回新陣列
2.將陣列所有元素連線成一個字串.join()，返回連線後的字串
3.擷取陣列元素到新陣列中.slice()，返回新陣列
4.獲取查詢元素第一次出現的索引.indexOf()，找不到查詢元素，則返回-1
5.獲取查詢元素最後一次出現的索引.lastIndexOf()，找不到查詢元素，則返回-1
6.toString()返回有陣列每個元素的字串形式拼接而成的以逗號分隔的字串
7.toLocaleString()返回一個字串表示陣列中的元素
(三) 迭代方法
每個方法接受含有三個引數的函式，三個引數為：陣列中的項，元素索引，陣列本身
1.every()，陣列所有元素都滿足要求則返回true，否則返回false
2.some()，只要有滿足要求的就返回true
3.filter()，返回過濾後的結果陣列
4.map()，返回在函式中處理過的陣列
5.forEach()，遍歷整個陣列
var number = [1,2,3,4,5,6,7,8];
var res = number.every(function(item, index, array) {
return (item > 2);
})
console.log(res); //false
var res = number.some(function(item, index, array) {
return (item > 2);
})
console.log(res); //true
var res = number.filter(function(item, index, array) {
return (item > 2);
})
console.log(res); //[3, 4, 5, 6, 7, 8]
var res = number.map(function(item, index, array) {
return (item * 2);
})
console.log(res); //[2, 4, 6, 8, 10, 12, 14, 16]
var res = number.forEach(function(item, index, array) {
//執行某些操作
})
(四) 歸併方法
迭代陣列所有項，構建最終返回值，每個方法接受兩個引數：呼叫的函式和作為歸併基礎的初始值。函式接受4個引數：前一個值，當前值，項索引，陣列本身。函式返回的值都會作為第一個引數自動傳給下一項，第一次迭代從陣列第二項開始，當前值為陣列第二項。
1.reduce()，從陣列第一項開始遍歷到最後
2.reduceRight()，從陣列最後一項開始遍歷到第一項
/*
開始執行回撥函式cur為2，prev為1，
第二次執行回撥函式，在之前的基礎上加1
函式返回的值都會作為一個引數傳給下一項，
最後執行函式時就是28+8
*/
var number = [1,2,3,4,5,6,7,8];
var res = number.reduce(function(prev, cur, index, array) {
return prev + cur;
})
console.log(res); //1+2+3+4+5+6+7+8=36
var res = number.reduceRight(function(prev, cur, index, array) {
return prev + cur;
})