1.forEach迭代器
forEach方法接收一个函数作为参数,对数组中每个元素使用这个函数,只调用这个函数,数组本身没有任何变化
var nums = [1,2,3,4,5,6,7,8];
nums.forEach(square);
在浏览器中输出的结果是:
2.every迭代器
every方法接受一个返回值为布尔类型的函数,对数组中的每个元素使用这个函数,如果对于所有的元素,该函数均返回true,则该方法返回true,否则返回false
3.some迭代器
some方法也是接受一个返回值为布尔类型的函数,只要有一个元素使得该函数返回true,该方法就返回true
4.reduce迭代器
reduce方法接受一个函数,返回一个值,该方法从一个累加值开始,不断对累加值和数组中的后续元素调用该函数,知道数组中最后一个元素,最后得到返回的累加值
得到的结果是:55
reduce()
函数和add()
函数一起,从左到右,一次对数组中的元素求和,执行过程如下:
reduce
方法也可以用来将数组中的元素链接成一个长的字符串,代码如下
最后输出结果如下:
reduceRight方法,和Reduce
方法不同,它是从右到左执行,如下:
执行结果如下:
5.map迭代器
map迭代器和forEach有些类似,但是map会改变数组,生成新的数组,如下代码
输出结果:
6.fiter迭代器
和every迭代器类似,传入一个返回值为布尔类型的函数,和every
方法不同的是,当数组中所有元素对应该函数返回的结果均为true时,该方法并不返回true,而是返回一个新的数组,该数组包含对应函数返回结果为true的元素,代码如下
return num % 2 != 0;
}
var nums = [];
for (var i=0; i<20; i++) {
nums[i] = i+1;
}
var evens = nums.filter(isEven);
document.write(evens);
document.write('
');
var odds = nums.filter(isOdd);
document.write(odds);
输出结果如下:
总结
以上就是关于javascript中的六种迭代器的总结,希望本文的内容对大家学习工作能有所帮助。
原文链接:https://www.f2er.com/js/46558.html