迭代之数组终结者

哈喽,小伙伴们我来了,还记得上次我给大家介绍数组的一系列方法吗?今天这是数组最后的boss-----迭代方法;

迭代方法呢,它包含了五个小方法加一个归并方法;

1,每个方法都接受两个参数
2,每个方法都要运行在函数上
3,运行的函数会接受三个参数()

一,every方法:
对数组的每一项运行给定的函数,如果该函数对每一项都返回true,则返回true。
举个例子哈:

var num=[1,4,3,5,7,8,2,4];
var everynum=num.every(function(item,index,array){//第一个值代表每一项,第二个代表下标,第三个代表原数组;
    
return (item>2)//return后面必须加条件,如果数组里面都成立的话,返回true,否则返回false;
})
console.log(everynum)//false;

二,some()
对数组的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

var num = [1,2,3,4,5,4,3,2,1];
    var somenum = num.some(function(item,index,array){
        return (item > 2);//数组中只要有一项符合条件;
    })
  console.log(somenum)//就返回true

小结:相同点:
1,some和every都返回一个布尔值;
2,三个参数分别是item,index,arr(数组具体项,位置,数字本身);
3,不会对空数组进行检测;
4,不会改变原始数组;
5,都会遍历数组

不同点:
1、every()方法,遍历数组每一项,若全部为true,则返回true;
2、some()方法,遍历数组的每一项,若其中一项为 true,则返回true;

三,filter方法,
1,说明: ①它主要用于筛选;
②筛选出符合条件的数组;
③他会返回一个新的数组

  var num = [1,2,3,4,5,4,3,2,1];
    var filnum = num.filter(function(item,index,array){
        return (item > 2);//数组中找符合条件的所有数;
    })
    console.log(filnum)//[3,4,5,4,3]

四,map方法,

说明:对数组的每一项运行给定函数,返回每次函数调用的结果组成的数组。

例子如下:

    var num = [1,2,3,4,5,4,3,2,1];
    var mapnum = num.map(function(item,index,array){
        return item*2;//给原数组赋予条件;
    })
    console.log(mapnum);  //[2,4,6,8,10,8,6,4,2]//返回新数组;

五,foreach方法,
对数组的每一项运行给定函数。它没有返回值。

    例:
    var numbers = [1,2,3,4,5,4,3,2,1];
    var num=numbers.forEach(function(item,index,array){
        console.log(num); //没有
    })

forEach和map的区别在于,forEach没有返回值,map有。

六,归并方法,

①reduce() 是从数组的第一项开始,逐个遍历到最后。
②reduceRight() 是从数组的最后一项开始,逐个遍历到最前。
这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。
传给这两个方法的函数接收4个参数:
1)前一个值
2)当前值
3)下标
4)原数组

如:

 var sum = [1,2,3,4,5];
    var sum1 = values.reduce(function(prev,cur,index,array){
        return prev + cur;  //1 + 2 = 3 + 3 = 6 + 4 =10 + 5 = 15
    });//前一个值加当前值
    console.log(sum1); //15

 var sum = [1,2,3,4,5];
    var sum1 = values.reduceright(function(prev,cur,index,array){
        return prev + cur;  //1 + 2 = 3 + 3 = 6 + 4 =10 + 5 = 15
    });
    console.log(sum1); //15

正在努力加载中。。。。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。