[译]Javascript中的循环

Posted 马大欧

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[译]Javascript中的循环相关的知识,希望对你有一定的参考价值。

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

源地址在此:

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

 

Javascript中的基本循环形式:

while

do..while

for

 

在本次视频中我们会根据例子来讨论Javascript中的while循环.以下例子从0到目标数字之间打印出所有的偶数

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

 

while循环是怎么工作的呢

1.while循环首先检查条件

2.如果条件为true,则运行循环里的语句

3.这个过程一直重复直到条件为false

 

如果不能成功更新条件中的变量,则容易制造一个无限循环.在以下的例子中,注意到我们将更新起始变量的命令标注.结果start变量会永远为0,而且永远比目标数字小.这就意味着条件永远为真,从而导致了无限循环

 

Javascript无限while循环例子

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

现在我们了解一下while循环中使用break语句的例子,我们想要一个while循环做到如下几点:

1.如果用户提供的目标数字小于100,则打印出0到目标数字之间的所有偶数

2.如果用户提供的目标数字大于100,则打印出0到100之间的所有偶数

 

所以,这就意味着循环应该在打印0-100之间所有偶数的时候break一次

 

Javascript while循环例子

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

break语句的用处

如果在一个switch语句中用break,会导致其跳出该switch语句.同样的,如果在循环中break,则该调出该循环

 

Javascript while循环 continue例子

continue语句告诉Javascript编译器跳过剩下的代码然后进行下一轮循环.我们来看个例子

以下例子打印出1到100之间的所有奇数

var start = 0;
while (start [ 10) 
{
    start = start + 1;

    if (start % 2 == 0) 
    {
        continue;
    }
    
    document.write(start + "[br/]");
}

 

以上是关于[译]Javascript中的循环的主要内容,如果未能解决你的问题,请参考以下文章

译ECMAScript 2016, 2017, 2018 新特性之必读篇

JavaScript 工作原理之四-事件循环及异步编程的出现和 5 种更好的 async/await 编程方式(译)

译并发模型和事件循环

【译】理解LSTM(通俗易懂版)

Node.js JavaScript 片段中的跳过代码

48个值得掌握的JavaScript代码片段(上)