码迷,mamicode.com
首页 > 编程语言 > 详细

javascript for/forEach

时间:2018-11-07 11:41:12      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:支持   src   缺点   array   i++   cti   java   图片   ons   

基本用法

for:for(var i=0;i<arr.length;i++)

forEach:arr.forEach(function(value,index,arr){},),其中function(value,index,arr){}是一个回调函数。

不同之处

1 相对于for来说,forEach会跳过没有被赋值的元素

代码如下:

<script>
var arr=new Array(10);
arr[0]=‘0‘;
arr[5]=‘5‘;
arr[10]=‘10‘;
console.log(‘-----------forEach------------‘);
arr.forEach(function(value,index,arr){
    console.log(‘下标:‘+index+‘ 值:‘+value);
})
console.log(‘-----------for------------‘);
for(var i=0;i<arr.length;i++){
    console.log(‘下标:‘+i+‘ 值:‘+arr[i]);
}
</script>

运行结果:

技术分享图片

2 forEach在所有元素的回调函数调用完之前,没法终止,即不支持break(可通过抛异常的方式来实现,不过不建议)

若有需要用到break的场合下,建议用for of

总结

每种for循环都有自身的优缺点,根据场合灵活使用,不能为了使用而使用。

 

javascript for/forEach

标签:支持   src   缺点   array   i++   cti   java   图片   ons   

原文地址:https://www.cnblogs.com/ysfg/p/9919393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!