1. 程式人生 > >第191天:js---Array常用屬性和方法總結

第191天:js---Array常用屬性和方法總結

rip 所有 數組排序 添加 總結 合並 擴展方法 class 字符串

Array---常用屬性和方法總結

1、Array對象構造函數

 1 /*Array對象構造函數*/
 2 
 3     /*組合記憶 shift unshift pop push
 4     添加和刪除
 5     shift unshift  從數組開頭開始添加或者刪除
 6     pop push   從數組末尾添加或者刪除
 7      */
 8 
 9     //shift:刪除原數組第一項,並返回刪除元素的值;如果數組為空則返回undefined
10     var arr1 = [1,2,3,4,5];
11     var arr2 = [1,2,3,4,5];
12     var
result = arr1.shift(); 13 console.log(result);//a:[2,3,4,5] b:1 14 15 //unshift:將參數添加到原數組開頭,並返回數組的長度 16 arr1 = [1,2,3,4,5]; 17 result = arr1.unshift(-2,-1); 18 console.log(result);//a:[-2,-1,1,2,3,4,5] b:7 19 //註:在IE6.0下測試返回值總為undefined, 20 //FF2.0下測試返回值為7,所以這個方法的返回值不可靠,需要用返回值時可用splice代替本方法來使用。
21 22 23 //pop:刪除原數組最後一項,並返回刪除元素的值;如果數組為空則返回undefined 24 arr1= [1,2,3,4,5]; 25 result = arr1.pop(); 26 console.log(result);//a:[1,2,3,4] b:5 27 28 //push:將參數添加到原數組末尾,並返回數組的長度 29 arr1 = [1,2,3,4,5]; 30 result = arr1.push(6,7); 31 console.log(result);//a:[1,2,3,4,5,6,7] b:7

2、數組合並---concat

1 /*數組合並concat*/
2 
3     //concat:返回一個新數組,是將參數添加到原數組中構成的
4     arr1 = [1,2,3,4,5];
5     result = arr1.concat(6,7); 
6     console.log(result);//a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

3、數組排序---排序 sort 從小到大, reverse 從大到小

 1 /*排序 sort 從小到大 reverse 從大到小*/
 2      // sort(orderfunction):按指定的參數對數組進行排序
 3     arr1 = [1,2,3,4,5];
 4     result = arr1.sort(); 
 5     console.log(result);//[1,2,3,4,5]
 6 
 7     //    reverse:將數組反序
 8     arr1 = [1,2,3,4,5,8,34];
 9     result = arr1.reverse(); 
10     console.log(result);//[34,8,5,4,3,2,1]

4、數組截取---slice(start,end)

1 // slice(start,end):返回從原數組中指定開始下標到結束下標之間的項組成的新數組,但不包括結束位置的項
2     arr1 = [1,2,3,4,5];
3     result = arr1.slice(2,5); //[3,4,5]
4     result = arr1.slice(2);   //[3,4,5]     在只有一個參數的情況下,slice()方法返回從該參數指定位置開始到當前數組末尾的所有項;
5 
6     //返回自身
7     result = arr1.slice(0);   //返回自身

5、數組拼接成字符串---join(separator)

1 /*join(separator) 數組拼接成字符串*/
2     //將數組的元素組起一個字符串,以separator為分隔符,省略的話則用默認用逗號為分隔符
3     arr1 = [1,2,3,4,5];
4     result = arr1.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

6、splice

 1 /*splice*/
 2     //splice(start,deleteCount,val1,val2,...):
 3     // 從start位置開始刪除deleteCount項,並從該位置起插入val1,val2,...
 4     arr1 = [1,2,3,4,5];
 5     result = arr1.splice(2,2,7,8,9); //a:[1,2,7,8,9,5] b:[3,4]
 6     result = arr1.splice(0,1); //同shift
 7 
 8     arr1.splice(0,0,-2,-1);
 9     result = arr1.length; //同unshift
10 
11     result = arr1.splice(arr1.length-1,1); //同pop
12     arr1.splice(arr1.length,0,6,7);
13     result = arr1.length; //同push

7、去除數組中的重復項

 1 <script>
 2     /*--數組擴展方法--*/
 3     /*
 4      *去除數組中的重復項
 5      */
 6     Array.prototype.unique = function() {
 7         var a = []; var l = this.length;
 8         for (var i = 0; i < l; i++)
 9         {
10             for (var j = i + 1; j < l; j++)
11             {
12                 if (this[i] === this[j]) j = ++i;
13             }
14             a.push(this[i]);
15         }
16         return a;
17     };
18 
19     var arr = [1,2,3,4,5,6,6,7,7,77,7,]
20     console.log(arr.unique());//Array(8)
21 
22 </script>

第191天:js---Array常用屬性和方法總結