Array数组常用方法
添加/删除元素(末尾)
十载的江州网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整江州建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“江州网站设计”,“江州网站推广”以来,每个客户项目都认真落实执行。
arr.push(arrItem);//返回修改后数组的长度 arr.pop();//无参,删除数组末尾的一个元素,返回被删除的数据。
添加/删除元素(首位)
arr.unshift("aaa");//在数组开头添加一个元素,返回数组的长度。(IE6,7返回undefined) arr.shift();//删除数组第一个元素,返回被删除的数据。
切除与替换
var arr = [1,2,3,4,5]; arr.splice(n); //从n开始删除至末尾的元素。 arr.splice(index,count); //从index开始,删除count个元素。 arr.splice(index,coungt,item); //从index开始,删除count个元素,item是替换被删除的元素。(item可以是多项)
以上三种形式的都是以数组形式返回被删除的元素。
排序
arr.sort();//默认升序,以编码排序。()中可传参,但也只能是函数。 arr.sort( function(a,b) { return a-b; } );//升序; arr.sort( function(a,b) { return b-a; } );//降序; arr.sort( function(a,b) { return 0.5-Math.random(); } );//随机排序;
连接concat:连接多个或多个数组,形成一个新的数组。
var new1 = arr1.concat(arr2);//并不会影响原数组。 var new2 = arr1.concat(arr2,arr3);//可传多个参数,连接多个数组。
数组反转/倒序
arr.reverse();
- 数值遍历
arr.map(function(item,index){ } );//item指数值的每一项,index指数值的下标。
数值过滤
arr.filter(function(item,index){ …… return item; })
- every && some
var arr = [1, 2, 3, 4, 5];
arr.every(function(x){
return x < 10;
}); //true 每一项都小于10
arr.every(function(x){
return x < 3
}); // false
arr.some(function(x){
return x === 3;
});//true 至少有一项等于3
- reduce && reduceRight
var arr = [1, 2, 3];
var sum = arr.reduce(function(x,y){
return x + y
}, 0); //6
//第二个参数是设置第一次的x,如不传第二个参数,则第一次时x=arr[0],y=arr[1];第二次x=x+y,y=arr[2]
var arr = [3, 9, 6];
var max = arr.reduce(function(x,y){
return x > y ? x : y;
});//9
//reduceRight()是从后面开始遍历。
// arr原数组不被改变
- indexOf && lastIndexOf
var arr = [1,2,3,2,1];
arr.indexOf(2);//1 从左到右查找2的索引
arr.indexOf(99); // -1 不存在返回-1
arr.indexOf(1,1); //4 第二个参数为起始位置
arr.indexOf(1,-3); //4
arr.indexOf(2,-1); //-1
arr.lastIndexOf(2); //3
arr.lastIndexOf(2,-2); //3
arr.lastIndexOf(2,-3); //1
- 判断是否为数组
Array.isArray([]); // true
[] instanceof Array; // true
({}).toString.apply([]) === "[object Array]"; // true
[].constructor === Array; // true
分享标题:Array数组常用方法
文章来源:http://azwzsj.com/article/jeejcs.html