JavaScript 中的数字模式

2025年4月19日 | 阅读 7 分钟

JavaScript 中的模式介绍

模式是流行的 Java 编程概念,用于锻炼逻辑推理能力和增强流程控制理解。模式是可重用的对象模型和交互。每个模式都有一个名称,在描述复杂设计决策时,该名称会包含在词汇中。所有程序员都希望代码是可重用的、可读的且可维护的。随着程序越来越大,代码结构化变得越来越有必要。设计模式通过为特定上下文中的通用问题提供结构化模型来消除这个问题。在本文中,我们将讨论 JavaScript 中的模式。

JavaScript Web 开发者在创建应用程序时每天都在使用设计模式,有时甚至不知道。虽然某些设计模式可以在特定情况下使用,但 JavaScript 开发者会使用某些模式而不是其他模式。设计模式是针对常见的 软件设计 问题提出的解决方案,并且可以共享。设计模式是经验丰富的软件开发人员会重用的最佳实践。您可以将设计模式视为代码的模板。

为什么要使用模式?

一些开发者认为模式是浪费时间,或者难以正确使用它们。然而,正确使用设计模式将使您的代码更具可读性、更简洁,并且维护开销更少。最重要的是,这些模式为软件设计师提供了一种通用的语言来描述他们的工作。它们能让阅读您代码的任何人瞬间清晰地理解。

数字模式

有两种 循环:内层循环和外层循环。

外层循环通常控制行数,内层循环根据当前行号逐步构建模式。

注意:请记住,这是一个简单的框架,可以扩展以创建更复杂的模式。

当数字被放置以形成金字塔或三角形等特定形状或模式时,它就变成了数字模式。通过这些模式的练习,我们将掌握循环和嵌套循环。

让我们来看一些例子,以便更深入地理解数字模式。

示例 1:三角形模式 – I

方法

  1. 为了做到这一点,我们需要建立一个外部循环,该循环将根据行数运行特定次数。在我们的示例中,我们将运行 5 行的循环,这就是我们的外部循环。
  2. 对于每一行,我们将使用另一个称为内部循环的循环,它将显示一定数量的值,其数量等于当前行号。
  3. 因此,在我们有 5 行的情况下,外部循环将从 n = 1 运行到 n = 5,即行数。
  4. 在每次迭代中,我们将打印从 num = 1 到 num = n 的数字。
  5. 例如,在第 5 行(n = 5)时,内部循环将打印数字 1 到 5,输出将是:1 2 3 4 5。

代码

输出

Number Pattern in JavaScript

第 1 行:我们首先设置行数。因此,如果您希望图案有 10 行,您实际上可以简单地将变量 rows 赋值为 10,这将按需执行。

第 4 行:我们以一个空字符串开始我们的模式。我们在内部循环中将数字添加到我们的 字符串 中,以创建数字模式。

第 7-15 行:这是外部循环所在的位置。它从 n = 1 迭代到行数。

第 9-11 行:这里是我们内部循环。它将为每一行打印数字 1 到当前行号。

第 16 行:这样形成的图案将被打印到控制台。

示例 2:三角形模式 - II

方法

  1. 为了实现这一点,我们需要构建一个外部循环,该循环根据行数迭代特定次数。在这种情况下,我们将迭代 5 次,这就是我们的外部循环。
  2. 我们将为每一行设置一个内部循环,以便它根据行号打印一定次数。这就是我们的内部循环。
  3. 在我们的情况下,有 5 行,外部循环将从 n = 1 到 n = 5(行数)。对于每一行,我们将输出行号 n,n 次。
  4. 例如,对于第 5 行(n = 5),内部循环将从 num = 1 执行到 num = 5,并将打印行号(即 5)。所以,第 5 行将是
    5 5 5 5 5.

代码

输出

Number Pattern in JavaScript

示例 3:反向三角形 – I

方法

  1. 对于这个问题,我们需要一个外部循环,该循环将根据行数迭代一定数量。在我们的情况下,我们将循环迭代 5 次,因为这是我们的外部循环。
  2. 对于每一行,我们将有一个内部循环来打印递减数量的值,即 6 减去当前行号 (n)。这是我们的内部循环。
  3. 在我们的 5 行示例中,外部循环将从 n = 1 迭代到 n = 5。在每次迭代中,我们将逐个打印 6-n 个数字。
  4. 假设第 3 行(n = 3),那么中间循环将从 num = 1 执行到 num = 6-3 = 3。因此,我们将按顺序打印 3 个数字,从而第 3 行将打印 1 2 3。

代码

输出

Number Pattern in JavaScript

示例 4:数字金字塔模式 - I

方法

  1. 我们需要为设定的行数运行一个循环,在本例中为 5。这将是我们的外部循环。
  2. 我们将为每一行设置第二个循环来打印 2*n - 1 个数字,其中 n 是行号。这将是我们的内部循环。
  3. 每一行有两个组成部分
    • 前导空格。
    • 顺序数字。
  4. 如果当前正在处理的行号是 n 并且 row 是行数,则当前行的空格数可以表示为 (row - n)。数字将在 1 到 (2*n - 1) 之间。
  5. 在这里,对于 5 行,外部循环将从 n = 1 迭代到 n = 5。对于每一行,我们将打印正确数量的空格,然后是数字。例如,对于第 3 行(n = 3),内部循环将从 num = 1 迭代到 num = 3。我们将打印 (5 - 3) = 2 个空格,然后是数字 1 到 (2*3 - 1) = 5。所以第 3 行将是:__12345,其中下划线表示空格。

代码

输出

Number Pattern in JavaScript

结论

本文解释了不同类型的模式,例如带有金字塔、反向三角形和三角形的数字模式。在软件开发中,模式是特定设计问题的可重用解决方案。

设计模式有多种用途,并提供经过行业专业人士测试和验证的经过检验的解决方案。它们是有效的解决方案,它们基于创建它们的顶尖开发人员的经验和专业知识,以全球公认的方式解决问题。

此外,模式使您的软件可重用且可读,大大加快了开发过程。学习任何编程语言中的模式都很有趣,并且是一个有趣的讨论主题。


下一个主题JavaScript 枚举