JS-数组整理

数组的基本用法:

 1 <script>
 2 //定义一个arr数组
 3 var arr = new Array();
 4 //向数组的末尾添加一个a元素
 5 arr.push('a');
 6 //获取所有数组元素
 7 //alert(arr);            //a
 8 //获取数组中的第一个元素【默认从0开始】
 9 //alert(arr[0]);        //a
10 //获取数组的长度
11 //alert(arr.length);    //1
12 </script>

数组的shift方法实例:

1 <script>
2 //shift:删除原数组的第一项,并返回删除元素的【值】;如果数组为空则返回undefined
3 var a = [1,2,3,4,5];
4 var b = a.shift();    
5 //alert(a);                //a:[2,3,4,5] 
6 //alert(b);                //b:1
7 </script>

数组的unshift方法实例:

1 <script>
2 //unshift:将参数添加到数组的开头,并返回数组的【长度】
3 var a = [1,2,3,4,5];
4 var b = a.unshift(6,7);        
5 //alert(a);                //a:[6,7,1,2,3,4,5] 
6 //alert(b);                //b:7    
7 </script>

数组的pop方法实例:

1 <script>
2 //pop:删除原数组中最后一项,并返回删除元素的【值】,如果数组为空则返回undefined
3 var a = [1,2,3,4,5];
4 var b = a.pop();        
5 //alert(a);                //a:[1,2,3,4]
6 //alert(b);                //b:5
7 </script>

数组的push方法实例:

1 <script>
2 //push:将参数添加到原数组的末尾,并返回数组的【长度】
3 var a = [1,2,3,4,5];    
4 var b = a.push(6,7);    
5 //alert(a);                //a:[1,2,3,4,5,6,7]
6 //alert(b);                //b:7
7 </script>

数组的contact方法实例:

1 <script>
2 //contact:返回一个新数组,是将参数添加到原数组中构成的新数组 
3 var a = [1,2,3,4,5];
4 var b = a.concat(6,7);
5 //alert(a);                //a:[1,2,3,4,5]
6 //alert(b);                //b:[1,2,3,4,5,6,7]
7 </script>

数组的splice方法实例:

 1 <script>
 2 //splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 
 3 var a = [1,2,3,4,5];
 4 var b = a.splice(2,2,6,7,8);    //从数组a的第2项(对应元素:3)开始,删除2项(3,4),并从该位置起插入6,7,8
 5 //alert(a);                        //a:[1,2,6,7,8,5]
 6 //alert(b);                        //b:[3,4]
 7 
 8 /*-----------我也是分隔线------------*/
 9 //splice的四种用法(同shift,unshift,pop,push)
10 var a = [1,2,3,4,5];
11 var b = a.splice(0,1);        //同shift【删除数组第一项】
12 //alert(a);                    //a:[2,3,4,5]
13 //alert(b);                    //1
14 
15 /*-----------我也是分隔线------------*/
16 var a = [1,2,3,4,5];
17 a.splice(0,0,-2,-1);        //同unshift【从数组的开头添加】
18 var b = a.length;
19 //alert(a);                    //a:[-2,-1,1,2,3,4,5]
20 //alert(b);                    //b:7
21 
22 /*-----------我也是分隔线------------*/
23 
24 var a = [1,2,3,4,5];
25 var b = a.splice(a.length-1,1);        //同pop【删除最后一项】
26 //alert(a);                //a:[1,2,3,4]
27 //alert(b);                //b:5
28 
29 /*-----------我也是分隔线------------*/
30 var a = [1,2,3,4,5];
31 a.splice(a.length,0,6,7);    //同push【从数组末尾添加】
32 var b = a.length;
33 //alert(a);                //a:[1,2,3,4,5,6,7]
34 //alert(b);                //b:7
35 </script>

数组的reverse方法实例:

1 <script>
2 //reverse:将数组反序
3 var a = [1,2,3,4,5];
4 var b = a.reverse();
5 //alert(a);                //a:[5,4,3,2,1]
6 //alert(b);                //b:[5,4,3,2,1]
7 </script>

数组的sort方法实例:

 1 <script>
 2 //sort(orderfunction):按指定的参数对数组进行排序
 3 var a = [1,2,3,4,5,11,22,33];
 4 var b = a.sort();
 5 //alert(a);                //a:[1,11,2,22,3,33,4,5]
 6 //alert(b);                //b:[1,11,2,22,3,33,4,5]
 7 
 8 /*-----------我也是分隔线------------*/
 9 
10 //通过比较函数,将数组a按照从小到大进行排序
11 var a = [1,2,3,4,5,33,22,11];
12 //a.sort(new function(){'num1','num2','return num1-num2'});    //按照字符编码的顺序进行排序 1,11,2,22,3,33,4,5
13 a.sort(function compare(num1,num2){ return num1-num2;});    //从大到小排序:return num2-num1
14 for(var i =0; i<a.length; i++){
15     //document.write(a[i] + ' ');    //1 2 3 4 5 11 22 33
16 } 
17 
18 /*-----------我也是分隔线------------*/
19 
20 var compare = function(num1,num2){ return num1-num2};
21 var a = [1,2,3,4,5,33,22,11];
22 a.sort(compare);
23 for(var i =0; i<a.length; i++){
24     document.write(a[i] + ' ');    //1 2 3 4 5 11 22 33
25 } 
26 </script>

数组的slice方法实例:

1 <script>
2 //slice(start,end):返回从原数组中指定开始下标到结束下标(不包含该元素)之间的项组成的新数组 
3 var a = [1,2,3,4,5];
4 var b = a.slice(2,4);
5 //alert(a);                        //a:[1,2,3,4,5]
6 //alert(b);                        //b:[3,4]
7 </script>

数组的join方法实例:

1 <script>
2 //join(separator):将数组的元素组成一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符 
3 var a = [1,2,3,4,5];                
4 var b = a.join('|');            
5 //alert(a);                        //a:[1,2,3,4,5]    
6 //alert(b);                        //b:1|2|3|4|5
7 </script>

更多内容参考:W3School—JavaScript Array 对象

原文地址:https://www.cnblogs.com/bokebi520/p/4245691.html