JavaScript For Loop - 初学者教程

273 阅读3分钟

在编程语言中,循环被用来重复运行一个代码块,直到一个特定的条件被满足。所有主要的编程语言,包括JavaScript,都含有循环的概念。

JavaScript是一种基于文本的脚本语言,通常用于向静态网站添加动态和互动元素,使其具有视觉吸引力。

循环在每种编程语言中有不同的语法,但基本概念(逻辑)是相同的。

大多数编程语言都有不止一种类型的循环。著名的有 forwhile 循环。本指南将只学习循环,以及在什么情况下应该用它来代替其他循环(比其他循环更受青睐)。

循环在大多数情况下可以相互转换,但当你必须运行确定的迭代次数时,应该使用循环(当你已经知道循环的运行次数)。

对于循环的语法。

首先,我们应该讨论JavaScript中循环使用__ 语法。

for (initialization; condition; **variable value modifier statement**)
{
Code to be executed
}

_for_循环。

  • 首先,初始化/设置一个变量(初始化在执行主体之前运行),即让i=0。
  • 其次,定义循环的条件(该语句在执行前运行,决定循环是否运行),即i<=10。
  • 最后,第三条也是最后一条语句在循环的主体执行完毕后运行。它为下一次迭代修改了变量的值,即i++或i-。

注意:我们将使用浏览器控制台来演示本文章中的例子。要打开浏览器的控制台。

  • 在Chrome和其他基于chromium的浏览器中使用F12键。
  • 在Mozilla使用CTRL + SHIFT + K键盘快捷键。
  • 在Safari浏览器中使用Option + ⌘ + C键盘快捷键(如果没有出现开发者菜单,则按⌘ + 打开偏好**,** 并在 高级选项卡中勾选 "在菜单栏中显示开发菜单")。

如何使用_for_ 循环?

我们将以一个程序员为例,他必须使用JavaScript来输出一到二十的数字序列。他们将不得不写20行代码来输出这个序列。这种编写代码的方式效率很低。

我们可以利用循环有效地编写这种重复性任务。如上所述,使用a循环可以将程序中的行数从20行减少到4行。 对于个循环。

for (let number = 20; number >0; number--)
{
console.log(number);
}

现在让我们来讨论一下 for 循环的实际工作原理。第一条语句,即初始化,在循环主体内的语句之前运行,并设置一个变量。第二条语句也在代码块的执行之前运行。它定义了循环的条件。这条语句决定了循环是在下一个迭代中运行还是在当前迭代中停止。第三条也是最后一条语句在循环内的语句执行完毕后运行。它正在增加变量中的值。

我们也可以在一个循环中递减一个变量的值。现在我们将按降序输出从20到1的序列。

for (let number = 1; number <= 20; number++)
{
console.log(number);
}

什么是_for/in_的循环?

这些 _for/in_循环用于循环查看对象中的属性。当你必须在一个对象中运行一个循环,但不知道对象中存在的属性数量时,它就会派上用场。

语法

for (varin object)
{
  Statements
}
  • 这里var 被用来在每次迭代中存储不同的属性名称。
  • 循环运行了指定对象的属性。
var employee = {fname:"John", lname:"Doe", age:20, Id:001, Department: "Health & Safety"};

for (let prop in employee)
{
console.log(prop);
}

什么是for/of循环?

for/of循环用于循环浏览一个数组的值。

var names= ['John Smith', 'John Doe', 'Jane Doe'];

for (let value of names)
{
console.log(value);
}

for/of循环也可以用来运行一个字符串的值。

总结

循环被用来编写简明高效的代码。它们消除了代码中的重复性。它们是任何主要编程语言的基本组成部分。

如上所述,对于循环,需要三个参数。第一个参数是设置变量的初始化器。第二个参数是条件;循环将继续运行,直到该条件变为假。第三个也是最后一个参数是用来修改在第一个参数中设置的变量。这三个参数都是可选的。尽管这三个参数是可选的,但应始终指定它们。如果不给循环提供参数,就会产生一个无限循环,导致程序崩溃。这些 对于 循环一般用于编码者知道循环运行次数的情况下。

在这个指南中,我们学习了如何使用JavaScript语法的for循环。我们还了解了for/in和/of循环。