本文翻译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. C# Message 消息处理

    一.消息概述 Windows下应用程序的执行是通过消息驱动的.消息是整个应用程序的工作引擎,我们需要理解掌握我们使用的编程语言是如何封装消息的原理.C#自定义消息通信往往采用事件驱动的方式实现,但有时 ...

  2. LoadRunner几个重要的概念:事务、集合点、思考时间

    在LoadRunner的脚步编写中,有三个重要的概念:事务.集合点.思考时间 事务: 事务又称为Transaction,在LoadRunner中的定义如下:An end-to-end(browser- ...

  3. python 编码拓展,小数据池,

    编码拓展: 1.在所有类型的编码中,编码的二进制互不识别, 2.在传输的过程中不能是万国码的二进制解码传输, 因此将unicode变为utf - 8或者变成gbk编码尤为重要; 利用encode编码为 ...

  4. 基于TCP协议 I/O多路转接(select) 的高性能回显服务器客户端模型

    服务端代码: myselect.c #include <stdio.h> #include <netinet/in.h> #include <arpa/inet.h> ...

  5. 通过扫码自定义链接安装iOS app,版本更新总结。

    1.打包ipa,plist工具:xcode6证书:企业级开发证书 1.1)xcode6开始企业级打包时不在生成plist,需要自己编写:模版见下: <?xml version="1.0 ...

  6. AD的差分输入与单端输入

    AD的差分输入与单端输入 单端输入,输入信号均以共同的地线为基准.这种输入方法主要应用于输入信号电压较高(高于1V),信号源到模拟输入硬件的导线较短(低于15 ft,1ft=304.8mm),且所有的 ...

  7. 蓝桥杯 基础练习 BASIC-19 完美的代价

    基础练习 完美的代价   时间限制:1.0s   内存限制:512.0MB 问题描述 回文串,是一种特殊的字符串,它从左往右读和从右往左读是一样的.小龙龙认为回文串才是完美的.现在给你一个串,它不一定 ...

  8. [转载]Ubuntu下ssh服务的安装与登陆(ssh远程登陆)

    转载地址:http://blog.csdn.net/zht666/article/details/9340633 Ubuntu默认并没有安装ssh服务,如果通过ssh远程连接到Ubuntu,需要自己手 ...

  9. react过渡动画效果的实现,react-transition-group

    本文介绍react相关的过渡动画效果的实现 有点类似vue的transition组件,主要用于组件mount和unmount之前切换时应用动画效果 安装 cnpm install react-tran ...

  10. -bash : ** : command not found的问题解决(图文详解)

    问题来源 我不小心,配置错了,少了个export和PATH没配对.   source /etc/profile 之前一定要留心,否则出错让你后悔去! 问题导致现象1 问题导致现象2 解决办法 按e键, ...