原生JS常用数组方法大全

原生JS常用数组方法大全

一，数组的方法:以下方法是原有数组发生改变   
1)shift():删除数组第一项，括号里边没有参数。   
 例如：var ary = [1, 2, 3, 4];    var res = ary.shift();    
 console.log(res);//返回的值是被删除的第一项——>1  
 console.log(ary);//打印出的是被删除后的新的数组[2,3,4]   
2)unshift():在数组开头添加  
 例如： var ary = [1, 2, 3, 4];   
 var res = ary.unshift(1);    
 console.log(res);//返回的值是添加后新数组的长度。5    
 console.log(ary);[1,1,2,3,4]   
3)push():数组的末尾添加一项或者多项内容。  
例如： var ary = [1, 2, 3, 4];    var res = ary.push(1);    
console.log(res);返回的值是添加后新数组的长度。5    
console.log(ary);打印出的是被添加后的新的数组[1,2,3,4,1] 
 
4)pop():在数组末尾删除 
 例如：   var ary = [1, 2, 3, 4]; var res = ary.pop();括号里边没有参数    
 console.log(res);返回的值是删除的项——>4   
 console.log(ary);[1,1,2,3,4] 
5)splice():删除数组中制定的某些项。   
 5-1) splice(n,m):删除数组中制定的某些项，从索引n开始，包括n，删除m个，  
 例如：var ary = [1, 2, 3, 4];    var res = ary.splice(1,2);   
 console.log(res);返回的值是删除的项——>[2,3]  
 console.log(ary);[1,4]   
 5-2)splice(n,m,x):从索引n开始包括n，删除m个元素，用x替换  
 例如：var ary = [1, 2, 3, 4];    var res = ary.splice(1,2,4);    
 console.log(res); 返回的值是删除的项——>[2,3]    
 console.log(ary);返回的值——>[1,4,4] 
 
 5-3)splice(n,0,x):n表示索引，删除0个元素，x表示要添加的项,要添加的项放在索引为n项的前边   
 例如： var ary = [1, 2, 3, 4];    var res=ary.splice(1,0,3);    
 console.log(res);返回值是一个空数组                
 console.log(ary);[1,3,2,3,4] 
 5-4)splice(0)：全部删除，返回的是一个空数组。  
 
6)reverse():数组颠倒排序，原有数组改变  
  例如：var ary=[10,12,13,11,19,17];    var res=ary.reverse();    
  console.log(ary);  [17, 19, 11, 13, 12, 10]    
  console.log(res);  [17, 19, 11, 13, 12, 10]  
 
7)sort():数组的排序，   
  7-1)从小到大排序：原有数组改变。(处理十以下的数)   
  例如： var ary = [1, 2, 3, 4];     var res=ary.sort();    
  console.log(res);[1, 2, 3, 4];     
  console.log(ary);[1, 2, 3, 4]; 
 
 7-2)从大到小排序：原有数组改变 
  例如： var ary = [1, 2, 3, 4];  ary.sort(function(a,b){return b-a; });         
 console.log(res);[4, 3, 2, 1]     
 console.log(ary);[4, 3, 2, 1] 
 
 7-3)处理十以上的数：   
  例如： var ary = [11, 22, 13, 4];  
  ary.sort(function(a,b){return a-b})//由小到大排序）    
  ary.sort(function(a,b){return b-a})//由大到小排序）