Maison  >  Article  >  interface Web  >  Impression d'un losange à l'aide de JavaScript

Impression d'un losange à l'aide de JavaScript

WBOY
WBOYoriginal
2023-05-15 22:07:061950parcourir

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)

Ensuite, utilisez des boucles imbriquées pour imprimer des formes de losange. Tout d'abord, imprimez la moitié supérieure du losange. Deux boucles for sont utilisées ici. La première boucle for contrôle le nombre de lignes, et la seconde boucle for imprime l'espace dans le coin supérieur gauche et l'astérisque dans la moitié supérieure. Imprimez ensuite la partie centrale du losange. Deux boucles for sont également utilisées ici. La première boucle for contrôle le nombre de lignes, et la seconde boucle for imprime l'espace dans le coin supérieur droit et l'astérisque dans la partie centrale. Enfin, la moitié inférieure du losange est imprimée. Le code de cette partie est le même que la moitié supérieure, à l'exception du nombre de boucles et des caractères imprimés.

Enfin, une fois l'impression du diamant terminée, nous envoyons la chaîne de diamants à la console via l'instruction 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:mot poi转htmlArticle suivant:mot poi转html