本文翻译youtube上的up主kudvenkat的javascript tutorial播放单

源地址在此:

https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b

本次视频中我们会根据例子来讨论Javascript中的for循环

为了了解循环,让我们做一个实例,用户提供一个数字,然后程序打印出从0到这个数字之间的所有偶数

首先,我们用while循环来做,比如一个用户输入10,那么所有从0到10的偶数会被打印出来

var targetNumber = Number(prompt("Please enter your target number", ""));
var start = 0;
while (start [= targetNumber)
{
document.write(start + "[br/]");
start = start + 2;
}

在while循环中

1.变量的初始化在一个地方执行

2.Boolean的检查在另外一个地方执行

3.Boolean表达式中的变量更新又是在不同的地方执行

for循环的例子:用for循环的话,以上部分都会在同一个地方完成,注意以下的for循环的格式:

for(initialization; boolean Condition; update variable)
{
statements;
}

让我们用for循环来代替while循环再写一次上面的例子

var targetNumber = Number(prompt("Please enter your target number", ""));
for (var start = 0; start [= targetNumber; start = start + 2)
{
document.write(start + "[br/]");
}

注意3点,

1.变量的初始化

2.Boolean的检查

3.变量在Boolean表达式中的更新

以上3点都是在for循环中的同一位置进行的.在for循环中,这3点都不是必须的

例如:变量初始化缺省.注意以下例子中我们在for循环中移除了变量初始化

var targetNumber = Number(prompt("Please enter your target number", ""));
var start = 0;
for (; start [= targetNumber; start = start + 2)
{
document.write(start + "[br/]");
}

例子:和变量初始化一样,条件检查同样在for循环中也不是必须的.注意到我们在以下的例子中从for循环的头部移除了条件检查,并且插进其body里,我们用break语句来终止循环,否则该循环会变成无限循环.

var targetNumber = Number(prompt("Please enter your target number", ""));
var start = 0
for (; ; start = start + 2)
{
if (start ] targetNumber)
{
break;
}
document.write(start + "[br/]");
}

例子:在以下的例子中我们移除了变量更新表达式

var targetNumber = Number(prompt("Please enter your target number", ""));
var start = 0
for (; ; )
{
if (start ] targetNumber)
{
break;
}
document.write(start + "[br/]");
start = start + 2;
}

[译]Javascript中的for循环的更多相关文章

  1. [译]Javascript中的do-while循环

    本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...

  2. [译]Javascript中的循环

    本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...

  3. 深入理解javascript中的事件循环event-loop

    前面的话 本文将详细介绍javascript中的事件循环event-loop 线程 javascript是单线程的语言,也就是说,同一个时间只能做一件事.而这个单线程的特性,与它的用途有关,作为浏览器 ...

  4. JavaScript中的事件循环机制跟函数柯里化

    一.事件循环机制的理解 test();//按秒输出5个5 function test() { for (var i = 0; i < 5; i++) { setTimeout(() => ...

  5. 深入了解 JavaScript 中的 for 循环

    在ECMAScript5(简称 ES5)中,有三种 for 循环,分别是: 简单for循环 for-in forEach 在2015年6月份发布的ECMAScript6(简称 ES6)中,新增了一种循 ...

  6. JavaScript中for..in循环陷阱介绍

    for...in循环中的循环计数器是字符串,而不是数字它包含当前属性的名称或当前数组元素的索引,下面有个不错的示例大家可以参考下   大家都知道在JavaScript中提供了两种方式迭代对象: (1) ...

  7. JavaScript 中 for in 循环和数组的问题

    本文由 伯乐在线 - ElvisKang 翻译,进林 校稿.未经许可,禁止转载!英文出处:adripofjavascript.com.欢迎加入翻译小组. JavaScript的for…in循环用于迭代 ...

  8. javascript中for/in循环及使用技巧

    JavaScript 支持不同类型的循环: for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为 true 时循环指定的代码块 do/while - ...

  9. 深入了解JavaScript中的for循环

    在ECMAScript5中,有三种for循环,分别是: 简单for循环 for-in forEach 在ES6中,新增了一种循环 for-of 简单for循环 const arr = [1, 2, 3 ...

随机推荐

  1. Bootstrap确定样式让屏幕缩小后布局不乱

    解决方案是如下 结果如下:

  2. 浅析BMP位图文件结构(含Demo)

    浅析BMP位图文件结构(含Demo) 作者:一点一滴的Beer http://beer.cnblogs.com/   关于BMP位图格式在网上可以找到比较详细的相关文档,有兴趣的可以搜索标题为“BMP ...

  3. 在Mac系统下使用自己安装的PHP

    今天在安装单元测试框架PHPUnit,需要PHP的最低版本是5.6,由于我的MacBook自带的PHP版本是5.5.36,不能满足安装条件. 看了一下这个网址:https://php-osx.liip ...

  4. nginx提示Error: Too many open files的解决办法

    nginx提示:Too many open files这种错误问题的原因是因为linux文件系统最大可打开文件数为1024,而你的nginx中的error.log出现大量的Too many open ...

  5. Spring Boot 集成Swagger2生成RESTful API文档

    Swagger2可以在写代码的同时生成对应的RESTful API文档,方便开发人员参考,另外Swagger2也提供了强大的页面测试功能来调试每个RESTful API. 使用Spring Boot可 ...

  6. 侯捷STL学习(十)--容器hashtable探索(unordered set/map)

    layout: post title: 侯捷STL学习(十) date: 2017-07-23 tag: 侯捷STL --- 第二十三节 容器hashtable探索 hashtable冲突(碰撞)处理 ...

  7. java 多线程系列基础篇(一)

    多线程状态图: Thread类的两个方法比较: yield方法: Yield是一个静态的原生(native)方法 Yield告诉当前正在执行的线程把运行机会交给线程池中拥有相同优先级的线程. Yiel ...

  8. elasticsearch(5) curl 操作elasticsearch

    创建索引之前可以对索引做初始化操作, 比如指定shards数量以及replicas的数量.     library为索引的名称 CURL -XPUT 'http://192.168.1.10:9200 ...

  9. Qt creator 使用qwt

    .pro中添加 LIBS += -L”C:\Qt\Qt5.3.2\5.3\msvc2013_opengl\lib” -lqwt INCLUDEPATH += "C:\Qt\Qt5.3.2\5 ...

  10. 通过XmlSerializer接口来生成xml文件

    xml文件我们可以用来保存一些数据.例如用来备份短信.这个例子中,我们就用XmlSerializer接口来实现一个备份短信的程序.当然了,为了程序简单化,这个程序我们并不是真的去备份短信.我们通过一个 ...