A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > 简单学习JavaScript中的for语句循环结构

简单学习JavaScript中的for语句循环结构

时间:2015-11-11 11:19作者:fang人气:27

可以直接看示例,用得太多了,很简单

(function() {

for(var i=0, len=demoArr.length; i<len; i++) {

if (i == 2) {

// return; // 函数执行被终止

// break; // 循环被终止

continue; // 循环被跳过

};

console.log('demo1Arr['+ i +']:' + demo1Arr[i]);

}

})();

关于for循环,有一下几点需要注意

for循环中的i在循环结束之后任然存在与作用域中,为了避免影响作用域中的其他变量,使用函数自执行的方式将其隔离起来()();

避免使用for(var i=0; i<demo1Arr.length; i++){} 的方式,这样的数组长度每次都被计算,效率低于上面的方式。也可以将变量声明放在for的前面来执行,提高阅读性

var i = 0, len = demo1Arr.length;

for(; i<len; i++) {};
跳出循环的方式有如下几种

return 函数执行被终止

break 循环被终止

continue 循环被跳过

完整实例:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>遍历详解: for</title>

<script src="../script/jquery-2.0.3.js"></script>

</head>

<body>

</body>

<script>

var demo1Arr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];

(function() {

for(var i=0, len=demo1Arr.length; i<len; i++) {

if (i == 2) {

// return; // 函数执行被终止

// break; // 循环被终止

continue; // 循环被跳过

};

console.log('demo1Arr['+ i +']:' + demo1Arr[i]);

}

})();

</script>

</html>

标签简单,学习,JavaScript,中的,for,语句,循环

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号