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()，它返回  undefined

2.在數組末尾添加一個或多個元素.push()，返回修改后數組長度

3.移除數組第一項.shift()，返回移除的元素

4.在數組頭部添加一個或多個元素.unshift()，返回修改后數組長度

5.對數組元素排序.sort()，返回排序后的數組

6.顛倒數組元素.reverse()，返回顛倒后的數組

7.刪除或插入元素.splice()，返回數組刪除的項，沒有刪除的項，返回空數組

（二）不會改變原數組

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;
        })