es6常用的几个循环方法

2021-11-19  本文已影响0人  q_小也_p

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]

上一篇下一篇

猜你喜欢

热点阅读