JavaScript 中的金字塔

在本文中，我们将理解 JavaScript 中的金字塔。让我们先来理解什么是金字塔。

什么是金字塔？

金字塔是三角形结构，但在 JavaScript 中，金字塔是按三角形排列的数字模式或序列。

我们可以通过多种方式构建星号 (*) 或数字金字塔。

演示 JavaScript 中创建金字塔的方法

让我们通过演示来理解如何在 JavaScript 中构建金字塔。

演示 1

我们将借助 for 循环和嵌套 for 循环，在下面的演示中构建一个星号 (*) 图案的金字塔。

代码

说明

• 首先，我们创建了一个变量 n 并为其分配了一个整数值。该值代表总行数。
• 我们创建了一个 for 循环，用于迭代总行数。
• 然后我们创建了一个嵌套 for 循环，它打印 n-p 次空格。如果 p 是 4，它将打印 3 个空格。
• 然后我们创建了另一个嵌套循环，用于打印 (2 * p - 1) 次星号。如果 p 的值为 2，它将打印 3 个星号。

输出

这是输出，我们可以看到使用三个 for 循环构建了星形图案的金字塔。

演示 2

我们将使用单个 for 循环构建一个向上金字塔星形图案。

代码

说明

• 首先，我们创建了一个名为“createPyramid”的函数，该函数有一个名为“rows”的参数。
• 然后在该函数下，我们声明了一个名为“pyramid”的变量。
• 然后我们构建了 for 循环来迭代每一行。
• for 循环用于先添加空格，然后添加星号 (*)，然后换行并转到下一行。

输出

在下面的输出中，我们可以看到星形图案的金字塔是借助单个循环构建的。

演示 3

我们将构建一个水平倒置的金字塔图案，如下面的演示所示。

代码

说明

• 我们首先声明了一个变量“n”并为其分配了一个值，该值充当行数。
• 然后我们创建了 for 循环来迭代每一行。
• for 循环首先添加星号 (*)，然后添加空格，并打印金字塔的每一行。

输出

在下面的输出中，我们可以看到星形呈金字塔形。

演示 4

我们将在下一个演示中构建一个右侧倒置的金字塔图案。

代码

说明

• 我们首先声明了一个变量“n”并为其分配了一个值，该值代表行数。
• 然后我们添加了一个 for 循环来迭代每一行，该循环打印一行星号，每行增加 1 行。
• 然后我们添加了一个 for 循环来迭代每一行，该循环打印一行星号，每行减少 1 行。

输出

我们可以在输出中看到右侧倒置的金字塔图案。

演示 5

我们将构建一个左侧倒置的金字塔图案。

代码

说明

• 我们首先声明了一个变量“n”并初始化了它的值。
• 然后我们创建了一个 for 循环，该循环添加递减的空格数并重复星号以形成图案。这个 for 循环创建了金字塔的一半。
• 然后我们创建了另一个 for 循环，该循环添加递增的空格数并重复星号以形成图案。这个 for 循环创建了金字塔的另一半。

输出

我们可以在输出中清楚地看到左侧倒置的金字塔图案。

演示 6

我们将编写代码来制作数字金字塔形状的图案。

代码

说明

• 我们首先声明了一个变量“n”并为其分配了一个值，该值充当行数。
• 然后我们创建了一个 for 循环，这是控制金字塔行数并生成 n 行的外部循环。
• 之后，我们创建了一个嵌套的 for 循环，它控制金字塔的列。
• 我们使用了 console.log(str) 来打印输出。

输出

这是下面的输出，我们可以看到数字金字塔图案。

演示 7

我们将构建一个数字倒置金字塔图案。

代码

说明

• 首先，我们声明了一个变量“n”并为其分配了一个值，该值将是行数。
• 然后我们创建了一个 for 循环，这是控制金字塔行数的外部循环。
• 之后，我们创建了一个内部 for 循环，它控制金字塔的列。
• 我们使用了 console.log(str) 来打印生成的金字塔。

输出

这是下面的输出，我们可以看到数字倒置金字塔图案。

演示 8

我们将创建一个向左方向排列的数字图案。

代码

输出

我们可以在下面的输出中清楚地看到向左方向排列的数字金字塔图案。

演示 9

我们将创建一个向右方向排列的数字图案。

代码

输出

这是输出，我们可以在其中清楚地看到向右方向排列的数字金字塔图案。

演示 10

我们将构建一个数字倒置半金字塔图案。

代码

输出

这是下面的输出，我们可以看到数字倒置半金字塔图案。

结论

我们在本文中理解了 JavaScript 中的金字塔。我们已经通过演示理解了构建数字金字塔和星形金字塔的各种方法。