对数组中的每一个元素进行操作,称之为迭代法。数组迭代方法与循环密切相关。1.方法1.Array.forEach()forEach()方法对数组的每个元素执行一次提供的函数(回调函数)。可以使用[forEach()]将数组中的每个元素打印到文档中。示例1:varfruits=["Apple","Mango","Banana","Orange"];varresult=document.getElementById("result");fruits.forEach(function(element,index,array){result.innerHTML+=index+":"+element+"
";});注意:该函数有3个参数:元素值(必填)、元素索引(可选)、数组本身(可选)。示例2:因为2个参数(索引、数组)是可选的。varfruits=["Apple","Mango","Banana","Orange"];varresult=document.getElementById("result");fruits.forEach(function(element){result.innerHTML+=element+"
";});2。Array.map()map()方法返回一个新数组并且不改变原始数组。同时,新数组中的元素是调用原数组元素的函数处理后的值,按照原数组元素的先后顺序依次处理元素。注意:map()不会检查空数组。示例1:从每个值都乘以2的元素创建一个新数组。注意:该函数有3个参数:元素值(必填)、元素索引(可选)和数组本身(可选)。示例2:由于2个参数(索引、数组)是可选的:varnums1=[1,5,20,14,55,16];varnums2=nums1.map(两次);函数两次(元素){返回(元素*2);}注意:此函数有3个参数:元素值(必需)、元素索引(可选)和数组本身(可选)。3.Array.filter()filter()是JavaScript中对Array的常用操作,用于过滤掉Array的部分元素,然后返回剩余的元素。主要原理是过滤器会依次对每个元素应用传入的函数,然后根据返回值是true还是false来决定保留还是丢弃该元素。示例:创建一个新数组,其中元素的值等于或大于18。varage=[1,30,39,29,10,13];varval=age.filter(isAdult);functionisAdult(element,index,array){returnelement>=18;}由于2个参数(索引、数组)是可选的,所以例如:可以跳过它们:例如:varage=[1,30,39,29,10,13];varval=age。filter(isAdult);functionisAdult(element){returnelement>=18;}注意:这个函数有3个参数:元素值(必填)、元素索引(可选)和数组本身(可选)。4.Array.reduce()reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始减少,最后计算为一个值。这在数字中很常见,比如求一个数组中所有数字的和。例子:varnums=[10,20,30,40,50];varsum=nums.reduce(getTotal);functiongetTotal(x,y){return(x+y);}注意:这个函数有3个参数:元素值(必需),元素索引(可选),数组本身(可选)。5.Array.find()find()方法返回数组中通过给定测试的第一个值。将找到等于或大于18的第一个元素:示例:varnum=[1,30,39,29,10,13];varval=num.find(myFunc);functionmyFunc(element){returnelement>=18;}注意:此函数有3个参数:元素值(必需)、元素索引(可选)和数组本身(可选)。6.Array.findIndex()findIndex()方法返回数组中通过给定测试的第一个索引值。示例:将查找第一个元素的索引值等于或大于18。=18;}注:该函数有3个参数:元素值(必填)、元素索引(可选)、数组本身(可选)。7、Array.every()every()方法用于检测数组的所有元素是否满足指定条件(通过函数提供检测)。示例:检查所有数组值是否等于或大于18。varnums=[1,30,39,29,10,13];varbool=nums.every(function(element){returnelement>=18;});document.getElementById("result").innerHTML=bool;注意:该函数有3个参数:元素值(必需)、元素索引(可选)和数组本身(可选)。2.小??结本文以JavaScript为基础,介绍了数组的7种迭代方法。每一个都以案例和运行效果图的形式展示,让读者更容易理解。欢迎大家积极尝试。有时候看别人实现很简单,但是到了自己实现的时候,总会出现各种各样的问题。不要野心太大,努力理解得更深刻。代码很简单,希望对大家学习有所帮助。本文转载自微信公众号《前端进阶学习交流》,可通过以下二维码关注。转载本文请联系前端进阶学习交流公众号。
