JS方法

213 阅读1分钟

前端小白总结了一部分常用的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