1. 程式人生 > >JavaScript中Array數組的方法

JavaScript中Array數組的方法

數組 叠代 數組元素 第一個 常用 else if true 都是 class

查找: indexOf、lastIndexOf

叠代:every、filter、forEach、map、somereduce、reduceRight

用法:

 1 /*
 2   1 查找方法:
 3  *  arr.indexOf( value )
 4  *     一個參數 返回value所在數組的位置下標
 5  *  找不到的時候返回-1
 6  * 
 7  *  arr.indexOf( start , value )
 8  *     從start開始查找value 返回下標
 9  *  找不到的時候返回-1
10  * 
11  *  arr.lastIndexOf( value )
12 * 從後往前找 返回下標 13 * 14 * 15 * 16 *2 叠代方法: 17 * arr.every(function(item , index , arr){ 18 * return item > 2; //如果每一項都大於2 就返回true 否則false 19 * }) 20 * 傳入函數 對每一項進行執行函數, 21 * 如果每一項都返回true 最後才返回true 22 * 如果有一個返回false 最後就返回發false 23 * 24 * arr.filter( function( item , index , arr ){
25 * return item > 2; //把大於2的數組元素返回 26 * } ) 27 * 傳入一個函數對每一個元素執行 28 * 結果是真的元素就返回 29 * 30 * arr.forEach(function(item , index , arr){ 31 * alert(item) 32 * }) 33 * 提供一個循環方法 34 * 每一個元素都執行一下function 35 * 36 * arr.map(function(item , index , arr){
37 * return item * 2 ; 38 * }) 39 * 對arr每一項都執行函數 然後返回執行結果 40 * 41 * 42 * arr.some(function(item,index,arr){ 43 * 44 * retrn item > 2; 45 * }) 46 * 對arr中每個元素進行判斷, 47 * 有一個返回true 則最後返回true 48 * 如果全都是false 最後返回false 49 * 50 * 51 * 52 * arr.reduce( function(prev , cur , index , array){ 53 * // 錢一個值 當前值 索引位置 數組 54 * return prev + cur; 55 * }) 56 * 對數組中每個元素進行相加最後返回 57 * 58 * 59 * 60 * arr.reduceRight( ) 61 * 對數組從右側向左進行執行 返回最後的結果 62 * 63 * 64 * 65 * 66 * 67 * 68 * 69 * 70 * */

添加:push、pop、shift、unshift

截取splice、slice

操作:concat、join、reverse、sort

用法:

 1 // 數組的創建方式
 2 // 1 不推薦
 3 // var arr = new Array();
 4 //2 推薦 js種數組內部數據類型可以不一樣
 5 var arr = [1,2,3,4,true,"abc",new Date() ];
 6 //alert(arr.length);
 7 //js中的數組可以隨意改變長度 元素類型任意
 8 arr.length = 5;
 9 alert(arr);
10 
11 /*
12  *數組的常用方法
13  * 1 數組添加 刪除元素
14  *  result = arr.push(value1,value2,value3,....) 向數組添加元素  返回值 新數組的長度
15  *  result = arr.pop() 返回數組尾部的元素並移除
16  *     
17  *  result = arr.shift() 從頭部移除一個元素 並把頭部元素返回
18  *  result = arr.unshift(a,b,c,d,e....)  從頭部插入一些元素   返回新數組長度
19  * 
20  * 2 數組截取
21  *  arr.splice(1,2,3,4,5) 
22  *  數組的截取方法: 改變數組本身
23  *         第一個參數表示 起始位置
24  *         第二個參數表示 要截取的個數
25  *         第三個參數之後作為一個子數組會從截取的位置插入數組
26  *  arr.splice(1) 1後面元素全都截掉
27  *  arr.splice(1,2) 從1號下標元素開始 刪去兩個元素
28  * 
29  *  
30  *  result = arr.slice(2,3)
31  *     截取操作 第一個參數是截取的起點,第二個參數是end  左閉右開的截取
32  *  將截取的結果返回 不 改變數組本身
33  * 
34  * 
35  * 3 數組操作方法
36  *  
37  *  result = arr1.concat(arr2)
38  *         將arr1和arr2進行拼接返回
39  *         不改變數組本身
40  *  
41  *  result = arr.join("-")
42  *         在每個元素之間添加一個 - 符號 並返回
43  * 
44  *     arr.reverse() 反轉數組順序
45  *         改變數組本身
46  * 
47  *  arr.sort() 正序排序 
48  *         但是把每一個值按照字符串 一個字節一個字節比較 
49  *         比如10和4比較,會覺得1比4小 10會排在前面
50  *         改變數組本身
51  *   如果想正確的排序 需要自己寫一個方法傳入sort()
52  * 例如 
53  *  function compare(value1 , value2){
54  *          if(value1 < value2){
55  *             return -1;
56  *         }else if(value1 > value2){
57  *             return 1;
58  *         }else{
59  *             return 0;
60  *         }    
61  *     }
62  * 然後再調用 arr.sort(compare)
63  * 這樣就能按照我們想要的正常的正序進行排序了
64  * 
65  * */

JavaScript中Array數組的方法