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 对象
