美文网首页
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常用的几个循环方法

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

  • 2018-08-22

    es6中数组的几种循环 对于数组循环,之前我们常用的方式就是:for,while等语法。但是在es6中我们可以尝试...

  • 前端开发备忘录

    js 数组去重的方法 最常用的方式 对象键值法去重 es6 Set方法一键去重 js常见的循环与遍历以及不同循...

  • ES6常见面试题 2019-06-14

    1.es6熟悉吗,说几个es6的新增方法 (1)新增声明命令let和const 在es6中通常用 let 和 co...

  • ES6基础教程(第五节)——数组的扩展

    es6对数组新增了部分方法,此节我们对常用的几个进行讲解, 分别是Array.of()、Array.from()、...

  • 14_请介绍Js中有哪些循环遍历的方法,关于数组常用的方法有哪些

    一、JavaScript 中循环遍历的方法 1、for 循环 for 循环是 Js 中最常用的一个循环工具,经常用...

  • ES6特性总结

    ES6 新增了很多特性,这里罗列了一些常用的,供大家参考。 ES6常用方法罗列 let、count iterabl...

  • JS中的几种遍历方式

    简单整理一些自己常用的遍历循环方法,js的几个遍历各有千秋,区别各个方式的使用场景和如何跳出循环。 1.for循环...

  • 2016-08-05学习笔记

    JS简介 循环 方法一:if goto 常用 方法二:while 常用 方法三:for 常用 同一个变量不能申明...

  • ES6中字符串新增的6个常用方法

    ES6中字符串新增的几个常用方法说明 一.includes 说明:判断字符串中是否包含给定值,返回值为bool类型...

网友评论

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

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