如何在js里面写foreach

JavaScript010

如何在js里面写foreach,第1张

js没有foreach语句,类似功能的语句是for...of,用法是:

for(var 属性值 of 对象名)。

例如:

<script type="text/javascript">

var o=[1,2,3,4]

for(var v of o)

{

document.write(""+v+"<br />")

}

</script>

优点: 遍历的时候更加简洁,效率和for循环相同,不用关心集合下标的问题,减少出错的效率

缺点: 不能同时遍历多个集合,在遍历的时候无法修改和删除集合数据,方法不能使用break,continue语句跳出循环,或者使用return从函数体返回,对于空数组不会执行回调函数

forEach不可遍历对象,这也是和for in的区别

优点: 可以遍历数组的键名,遍历对象简洁方便

缺点: 某些情况下,会出现随机顺序的遍历,因为里面的值是string类型,所以增加了转换过程,因此开销比较大

优点: 避免了for in的所有缺点,可以使用break,continue和return,不仅支持数组的遍历,还可以遍历类似数组的对象,支持字符串的遍历,最直接的遍历数组的语法,支持map和set对象遍历

缺点: 不适用于处理原有的原生对象

优点: 程序简洁,结构清晰,循环初始化,循环变量化,循环体和循环条件位置突出

缺点: 结构比while循环复杂,容易出编码错误

语法:

array.forEach(callback(currentValue, index, array){

    // 此处省略代码

}, this)

参数:

callback:为数组中每个元素执行的函数

currentValue(当前值):正在处理的当前元素。

index(索引):正在处理的当前元素的索引。

array:forEach()方法正在操作的数组。

返回值:

undefined.

部分资料参考HTML5学堂