数组的一些方法javascript的数组是个非常熟悉不过的类型,而且有着非常强大的功能,但并不是没有前端学习的人都可以熟练掌握它,下面就来说一下数组的一些方法
数组去重
(1)给一个数组arr=[1,2,3,3,4],该如何去重?
es6里面有一个新的数据结构set var newarr=new set(arr);
es5方法是声明一个新数组obj,遍历arr,查看其中元素是否在新数组中存在,代码如下:
var newarr = [];
for (var i = 0; i < arr.length; i++) {
if(newarr.indexof(arr[i]) === -1){
newarr.push(arr[i]);
}
}
console.log(newarr); //[1,2,3,4];
array.foreach
foreach是对数组中每个元素执行一次给定函数,但是原数组不变,无返回值
var arr = [1,2,3,4];
arr.foreach(function(item, index, origin){
item += 1;
console.log(item);//2,3,4,5
})
console.log(arr);//[1,2,3,4]
array.map
map是对数组中每个元素执行一次给定函数,原数组不变,返回新数组
var arr = [1,2,3,4];
var newarr=arr.map(function(item, index, origin){
return ++item;
})
console.log(newarr);//[2,3,4,5]
array.filter
filter是对数组中每个元素执行一次给定函数,原数组不变,返回符合条件的新数组
var arr = [1,2,3,4];
var newarr=arr.filter(function(item, index, origin){
return item>2;
})
console.log(newarr);//[3,4]
array.reduce
reduce是第一个参数是一个函数,该函数的参数为上一次执行函数结果pre和目前元素的值和索引,通常用于求数组之和,第二个参数是在第一次执行函数是的pre的值,如果没有该参数则将第一个值当做pre的值
var arr = [1,2,3,4];
var res=arr.reduce(function(pre, cur, curindex, origin){
console.log(curindex);//1,2,3
return pre + cur;
})
console.log(res);//10
var res=arr.reduce(function(pre, cur, curindex, origin){
console.log(curindex);//0,1,2,3
return pre + cur;
}, 5)
console.log(res);//15
array.every
every是对数组中每个元素执行一次给定函数,如果有一个结果为false,则返回false;
var arr = [1,2,3,4];
var res = arr.every(function(item, index, origin){
return item > 2;
})
console.log(res);//false
array.some
some与every相对,是对数组中每个元素执行一次给定函数,如果有一个结果为true,则返回true;
var arr = [1,2,3,4];
var res = arr.some(function(item, index, origin){
return item > 2;
})
console.log(res);//true
将类数组转换为数组
es6中提供了array.from的方法
es5中可以使用 array.prototype.slice.call(arr)的方法
以上就是常用数组函数有哪些的详细内容。