美文网首页
es6常用的几个循环方法

es6常用的几个循环方法

作者: q_小也_p | 来源:发表于2021-11-19 10:40 被阅读0次

    1.find

    方法描述:

    该方法主要应用于查找第一个符合条件的数组元素,即返回通过测试(函数内判断)的数组的第一个元素的值。

    它的参数是一个回调函数,为数组中的每个元素都调用一次函数执行。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素(即返回的是数组里的某个对象),之后的值不会再调用执行函数。如果没有符合条件的元素,返回值为undefined。

    原数组的值不变

    数组必须是非空的

      example:

       let arr1 = [{name:'李斯',age:19},{name:'张珊',age:17}];        

       let result = arr1.find( item => item.age > 18);

       console.log(result)

       //{name: '李斯', age: 19}

    2.findIndex

    方法描述:

    findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置

    当数组中的元素在测试条件时返回true时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。如果没有符合条件的元素返回-1

     example:

    const myArr=[{id:1,name:"张三"},{id:2,name:"李四"}]

    var i0=myArr.findIndex((value)=>value.id==1);

    console.log(i0);

    //0

    3.some

    方法描述:

    some()方法传入的测试条件(函数),数组里只要有一条符合条件的即返回true

    example:

    var computers = [{name:"Apple",ram:8},{name:"IBM",ram:4},{name:"Acer",ram:32}];

    var result = computers.some( value => value.ram > 18)

    console.log(resule)

    //true

    4.every

    方法描述:

    every()方法传入的测试条件(函数),只有传入的数组里所有的值满足条件结果才返回true;

    example:

    varcomputers = [{name:"Apple",ram:8},{name:"IBM",ram:4},{name:"Acer",ram:32}];

    var result = computers.every( value => value.ram > 18)

    console.log(resule)

    //false

    5.filter

    方法描述:

    filter()方法传入的测试条件(函数),返回传入的数组里符合条件的值;

    返回值是个数组,数组里是符合条件的对象或值。

    example:

    let arr1 = [{name:'李斯',age:19},{name:'张珊',age:17},{name:'王汪',age:30}];        

    let result = arr1.filter( item => item.age > 18);

    console.log(result)

    //[{name:'李斯',age:19},{name:'王汪',age:30}];

    6.map

    方法描述:

    map()方法传入方法,改变当前循环的值,返回一个新的被传入方法改变过值之后的数组(map需return)

    example:

    let arr1 = [{name:'李斯',age:19},{name:'张珊',age:17},{name:'王汪',age:30}];        

    let result = arr1.map( item => {

        return item.age*2

    });

    console.log(result)

    //[38, 34, 60]

    相关文章

      网友评论

          本文标题:es6常用的几个循环方法

          本文链接:https://www.haomeiwen.com/subject/cjjtfltx.html