Maison > Article > interface Web > Impression d'un losange à l'aide de JavaScript
Le losange est l'une des formes géométriques les plus intéressantes. Cet article explique comment utiliser JavaScript pour imprimer des losanges.
Tout d’abord, nous devons comprendre ce qu’est un losange. Un losange, également connu sous le nom de polyèdre maillé, est un type de quadrilatère comportant deux ensembles de lignes parallèles opposées et quatre angles intérieurs égaux. Pour imprimer des diamants sur une page Web, nous devons utiliser JavaScript pour gérer la logique d'affichage.
L'idée d'imprimer un diamant est d'utiliser des boucles imbriquées. Supposons que nous devions imprimer un diamant avec n rangées, le processus d'impression d'un diamant peut alors être divisé en trois parties. Tout d’abord, la partie supérieure du losange est imprimée, puis la partie médiane du losange est imprimée et enfin la partie inférieure du losange est imprimée.
Le code est le suivant :
function printDiamond(n) { if (n % 2 === 0) { // 如果输入的n是偶数,则加1变成奇数 n++; } let middleIndex = Math.floor(n / 2); // 中间的索引 let diamond = ""; // 菱形字符串 // 上半部分 for (let i = 0; i <= middleIndex; i++) { for (let j = 0; j < middleIndex - i; j++) { diamond += " "; // 打印左上角的空格 } for (let j = 0; j < 2 * i + 1; j++) { diamond += "*"; // 打印上半部分的星号 } diamond += " "; // 换行 } // 中间部分 for (let i = middleIndex - 1; i >= 0; i--) { for (let j = 0; j < middleIndex - i; j++) { diamond += " "; // 打印右上角的空格 } for (let j = 0; j < 2 * i + 1; j++) { diamond += "*"; // 打印中间部分的星号 } diamond += " "; // 换行 } console.log(diamond); // 输出菱形 }
Dans le code ci-dessus, nous définissons une fonction printDiamond(n)
pour imprimer un losange à n lignes. Tout d'abord, en jugeant la parité de n, s'il s'agit d'un nombre pair, ajoutez 1 pour en faire un nombre impair afin d'assurer la symétrie du losange. Ensuite, la variable middleIndex
est définie pour représenter l'index médian du diamant, et la variable diamant
représente la chaîne de diamant finale à afficher. printDiamond(n)
,用于打印行数为n的菱形。首先通过判断n的奇偶性,如果是偶数则将其加1变为奇数,保证菱形的对称性。然后定义了变量middleIndex
表示菱形的中间索引,变量diamond
表示最终要输出的菱形字符串。
接下来使用for循环嵌套实现菱形的打印。首先打印菱形的上半部分,这里使用两个for循环,第一个for循环控制行数,第二个for循环打印左上角的空格和上半部分的星号。然后打印菱形的中间部分,这里同样使用两个for循环,第一个for循环控制行数,第二个for循环打印右上角的空格和中间部分的星号。最后打印菱形的下半部分,这部分的代码与上半部分代码相同,只是循环次数和打印的字符不同。
最后,在菱形打印完成后,我们通过console.log(diamond)
console.log(diamond)
. Utilisez le code suivant pour appeler cette fonction afin d'imprimer des diamants : printDiamond(5);Les résultats d'exécution sont les suivants : 🎜
* *** ***** *** *🎜Dans des scénarios d'application réels, nous pouvons également utiliser cette fonction en combinaison avec HTML et CSS pour obtenir de meilleurs résultats . Le contenu présenté dans cet article n'est que l'idée de base de l'utilisation de JavaScript pour imprimer des diamants. Les lecteurs peuvent l'utiliser de manière flexible en fonction de leurs besoins réels. 🎜
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!