es6常用的几个循环方法

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:

var computers = [{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]
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值