趣话Javascript中的For循环

晚安啦
340 阅读4分钟

在编程世界中，循环是一种强大的工具，可以自动化重复性的任务，节省开发人员的时间和精力。对于新手来说，理解循环可能有点令人生畏。但是不用担心！在本文中，我们将使用一个有趣的故事来解释JavaScript中的循环以及它们为什么如此重要。

让我们来认识一下Jack，他是一位年轻的JavaScript程序员，他的任务是在屏幕上打印出从1到10的数字。起初，他编写了打印“1”的代码，然后将代码复制粘贴了9次，每次更改数字。这虽然可行，但他知道这不是编写程序的最佳方式。

这时，Jack想起了循环的强大。他知道循环是自动化重复性任务的一种方式，于是决定尝试一下。

Jack从“for”循环开始，这是JavaScript中常用的一种循环。他编写了以下代码：

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

Jack创建了一个循环，从1开始，只要i小于或等于10就继续循环。在循环内部，他将i的值打印到控制台，然后将i加1。当他运行代码时，他看到屏幕上打印了1到10的数字，就像他所希望的那样。

但是Jack还不满足，

1_8DmuVR11f_La7svEhgK_eA.gif

他知道还有其他类型的循环，他想尝试它们。接下来，他尝试了“while”循环。他编写了以下代码：

let i = 1;
while (i <= 10) {
  console.log(i);
  i++;
}

在循环之前，Jack将i设置为1，然后创建了一个循环，只要i小于或等于10就继续循环。在循环内部，他将i的值打印到控制台，然后将i加1。当他运行代码时，他看到屏幕上打印了1到10的数字，就像之前一样。然而，当他删除循环内的“i ++”行时，他发现循环一直运行，即使“i”达到10！他意识到他忘记添加将i增加并停止循环的代码。

1_NBJ9hrqc3kxvMK3icrPamA.gif

不屈不挠的Jack接下来尝试了“do-while”循环。他编写了以下代码：

let i = 1;
do {
  console.log(i);
  i++;
} while (i <= 10);

杰克设置了循环前的i值为1，然后创建了一个循环，只要i小于等于10就会继续执行。在循环中，他将i的值打印到控制台，然后将i增加1。在循环后，他检查i是否仍小于等于10，如果是，他就再次运行循环。当他运行代码时，他看到屏幕上打印出了从1到10的数字，正如他所希望的那样。

从那天起，杰克在编程中使用循环，每当需要多次重复一个代码块时。他已经学会了自动化的力量，再也没有回头了。

总之，循环是JavaScript编程中的一种基本工具，可以自动化重复的任务并帮助编写更干净、更高效的代码。在JavaScript中有不同类型的循环，每种循环都有其优点和缺点。但是，如果不正确使用，循环可能会很棘手，并导致错误。为避免这些问题，重要的是仔细测试循环并使用描述性变量名称。无论您是初学者还是有经验的程序员，了解循环的工作原理并明智地使用它们可以为您节省时间和精力。因此，请在自己的代码中尝试使用循环，看看它们可以产生的差异！

要记住的要点：

  • 循环是重复执行一段代码的一种方式。

  • 在JavaScript中有三种类型的循环：“for”、“while”和“do-while”。

  • 当您知道需要重复执行多少次代码时，使用“for”循环。

  • 当您不知道需要重复执行多少次代码，但知道需要满足的条件以停止循环时，请使用“while”循环。

  • “do-while”循环类似于“while”循环，但是在检查停止循环的条件之前，它将始终运行至少一次。

  • 在使用循环时，要小心不要创建无限循环，导致程序永远运行。

  • 循环可以嵌套在彼此内部，以创建更复杂的重复模式。

  • 使用循环可以通过自动化重复任务来帮助您编写更干净、更高效的代码。

  • 重要的是根据已知或未知的重复次数以及需要满足的特定条件选择适当的循环类型。

  • 但是，如果不正确使用循环，它们也可能导致错误，因此重要的是仔细测试循环并使用描述性变量名称。

希望您发现这篇文章有所帮助。感谢您的阅读！😀

假期愉快！

avatar
文章
阅读
粉丝