前端小白总结了一部分常用的JS方法,如有问题请大佬们指正,话不多说下面我就开始正文喽。
一.forEach:遍历数组;与for类似
var arr=[1,2,3,4];
arr.forEach(function(value,index,array){
console.log(value,index,array);//value为当前元素,index为当前索引,array为遍历数组
//1 0 [1, 2, 3, 4]
//2 1 [1, 2, 3, 4]
//3 2 [1, 2, 3, 4]
//4 3 [1, 2, 3, 4]
})
与for循环不同点:
1.for循环可以自定义开始下标也就是循环的起点,而forEach只能从0开始。
2.for循环可以使用break跳出循环,而forEach不可以。
二.map:遍历数组;不改变原数组
var arr=[1,2,3,4];
let b=arr.map((item)=>{
return item*2;
})
console.log(b);
//[2,4,6,8]
三.filter:对数组进行过滤
var arr=[1,2,3,4];
let b=arr.filter((num)=>{
return num>2;
})
console.log(b);
//[3,4]
数组每个元素都会执行后面的方法,若返回值为true,则保留该元素。
四.reduce:累加器
var arr=[1,2,3,4];
var sum=arr.reduce((prev,currentValue)=>{
return prev+currentVlue
//prev为前一个的值 currentValue为当前值
//return出的值作为新一轮回调的prev
})
console.log(sum);
//10
五.every&some:
var arr=[1,5,10,15];
var resultEvery=arr.every((item)=>{
return item > 5
})
console.log(resultEvery);// faslevar resultSome=arr.some((item)=>{
return item > 5
})
console.log(resultSome);// true
every 数组所有成员满足条件则返回true 有一位不满足则返回false
some 有一位满足则返回true 都不满足则返回false