数组方法汇总

Posted 2020-10-01

1,javascript提供的原型方法有:join(),push(),pop(),shift(),unshift(),concat(),slice(),splice(),sort(),reverse()

1)join(separator):将数组以分隔符连接起来,返回连接后的字符串,默认以‘,‘分隔.

var arr = [1,2,3];
arr.join();  //1,2,3
arr.join(‘-‘) //1-2-3

2)push()&pop()

push():接收任意数量参数,并添加至数组末尾,返回数组长度.

pop():移除数组最后一项,并返回移除的项.　　

var arr= [1,2,3];
arr.pop() //3(数组最后一项)
arr.push(‘a‘) //4(数组长度)

3)shift()&unshift()

shift():移除数组第一项,并返回移除的项

unshift():将参数添加至数组开头,并返回数组长度

var arr= [1,2,3];
arr.shift(); //1(数组第一项)
arr.unshift(0) //4(数组长度)

4)concat()   将参数添加至原数组中,并返回新构建的数组

[1,2,3].concat(9,11) //[1,2,3,9,11]

5)sort()&reverse()

sort():将数组升序排列

reverse();反转数组项的顺序

[2,1,3].sort() //[1,2,3]

[13,24,51,3].sort() //[13,24,3,51]   排序不对

显然第二种方法有问题,这是因为sort默认会将其转化为字符串做比较,为了解决上述问题,sort()方法还可接收一个比较函数作为参数,比较函数接收两个参数,如果第一个参数位于第二个参数之前返回负数,相等返回0,之后返回正数.

function compare(value1,value2){ //升序排列
     if(value1<value2) return -1;
     else if(value1 > value2) return 1;
     else return 0;
}

[13,24,51,3].sort(compare) //[3,13,24,51]

降序排列

function compare(value1,value2){//降序排列
　　if(value1 < value2) return 1;
　　else if(value1 > value2) return -1;
　　else return 0
}
[13,24,51,3].sort(compare) //[51,24,13,3]

6)slice()&splice()

slice():如果是一个参数,,返回从指定位置开始到结尾的数组,如果是2个参数,返回起始下标到结束下标之间的数组,但不包括结束位置的项

[1,3,5,7,8].slice(1,4) //[3,5,7]

splice():有很多种方法,可以实现删除,插入,替换

删除:指定2个参数,删除的第一项位置以及项数.

插入:指定3个参数,删除的第一项,0(要删除的项数),要插入的项

替换:指定3个参数:删除的第一项,要删除的项数,要插入的项

var arr = [1,3,5,,7,9,11]
arr.splice(0,2) //[5,7,9,11] (删除)
arr.splice(2,0,4,6) ;//[5,7,4,6,9,11] 插入
arr.splice(1,1,2,4) ;//[5,2,4,4,6,9,11]  替换

2,es5新增的方法:indexOf(),lastIndexOf(),forEach(),map(),filter(),every(),some(),reduce(),reduceRight()

1)indexOf()&lastIndexOf()

indexOf():接收2个参数,查找的项和起始位置,从头开始查找

lastIndexof():接收2个参数,查找到项和起始位置,从末尾开始查找

var arr = [1,3,5,7,7,5,3,1];
arr.indexOf(5) //2
arr.lastIndexOf(5) //2
arr.indexOf(‘5‘) //-1类型不一样,因为indexOf采用的严格运算符===判断的 

2)forEach() 数组遍历循环,接收一个回调函数,数组每一项运行回调,函数默认3个参数,分别是数组元素,数组下标,以及数组本身

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a){
console.log(x + ‘|‘ + index + ‘|‘ + (a === arr));
});
// 输出为：
// 1|0|true
// 2|1|true
// 3|2|true
// 4|3|true
// 5|4|true

3)map(),映射,接收一个函数,对数组的每一项运行该函数.

[1,2,3].map(function(item){return item*item}) //[1,4,9]

4)filter(),接收一个函数,过滤符合条件的数组元素或者对象,并返回满足条件的数组.

//可用于对象的过滤

var data = [{num:1},{num:2},{num:3},{num:4},{num:5}];
var data1 = data.filter(function(item){
 return item.num <= 3;
});
console.log(data1)

//用于数组的过滤

var data = [1,2,3,4,5];
var data1 = data.filter(function(value){
 return value <= 3;
});
console.log(data1)

5)every()&some()

every():判断数组每一项是否符合条件,都符合返回true.

some():判断是否存在满足条件的项,若有返回true.

[1,2,3].every(function(item){return x>2}) //false
[1,2,3].some(function(item){return x>2}) //true

6)reduce()&reduceRight()

reduce():从数组的第一项开始,逐个遍历到最后.

reduceRight():从数组最后一项开始,向前遍历到第一项.

这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。

//appOrderList 为数组对象

var appOrderList=[{goodsOrderID:0},{goodsOrderID:1},{goodsOrderID:2},{goodsOrderID:0},{goodsOrderID:1},{goodsOrderID:2}]
var hash = {};
appOrderList = appOrderList.reduce(function (item, next) { //去重,item为空数组,next当前项
      hash[next.goodsOrderID] ? ‘‘ : hash[next.goodsOrderID] = true  && item.push(next);
       return item;
}, []); //

[{goodsOrderID:0},{goodsOrderID:1},{goodsOrderID:2}]

当然,还可以用forEach实现

var appOrderList=[{goodsOrderID:0},{goodsOrderID:1},{goodsOrderID:2},{goodsOrderID:0},{goodsOrderID:1},{goodsOrderID:2}]
var hash={},item=[];
appOrderList.forEach(function(next){
      hash[next.goodsOrderID] ? ‘‘ : hash[next.goodsOrderID] = true  && item.push(next);
})
item //[{goodsOrderID:0},{goodsOrderID:1},{goodsOrderID:2}]

以上则是javascript提供的全部数组方法.