JavaScriptを使用してひし形を印刷する

ひし形は、最も興味深い幾何学図形の 1 つです。この記事では、JavaScript を使用してひし形を印刷する方法を紹介します。

まず、ひし形とは何かを理解する必要があります。菱形は格子多面体としても知られ、2 組の対向する平行線と 4 つの等しい内角を持つ四角形の一種です。 Web ページにダイヤモンドを印刷するには、JavaScript を使用して表示ロジックを処理する必要があります。

ダイヤモンドを印刷するというアイデアは、ネストされた for ループを使用することです。ダイヤモンドを n 行で印刷する必要があるとすると、ダイヤモンドを印刷するプロセスは 3 つの部分に分割できます。まず、ひし形の上部が印刷され、次にひし形の中央部分が印刷され、最後にひし形の下部が印刷されます。

コードは次のとおりです:

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); // 输出菱形
}

上記のコードでは、n 行のダイヤモンドを印刷するために使用される関数 printDiamond(n) を定義します。まず、nのパリティを判定し、偶数であれば1を足して奇数にし、ひし形の対称性を確保します。次に、変数 middleIndex がひし形の中央のインデックスを表すように定義され、変数 diamond は出力される最終的なひし形文字列を表します。

次に、ネストされた for ループを使用してひし形の形状を出力します。まず、ひし形の上半分を出力します。ここでは 2 つの for ループが使用されています。最初の for ループは行数を制御し、2 番目の for ループは左上隅のスペースと上半分のアスタリスクを出力します。次に、ひし形の中央部分を出力します。ここでも 2 つの for ループが使用されています。最初の for ループは行数を制御し、2 番目の for ループは右上隅のスペースと中央部分のアスタリスクを出力します。最後にひし形の下半分を印刷しますが、この部分のコードは上半分と同じですが、ループ数と印刷される文字が異なります。

最後に、ダイヤモンドの印刷が完了したら、console.log(diamond) ステートメントを通じてダイヤモンド文字列をコンソールに出力します。

次のコードを使用してこの関数を呼び出し、ひし形を印刷します:

printDiamond(5);

実行結果は次のとおりです:

  *  
 *** 
*****
 *** 
  *  

実際のアプリケーション シナリオでは、この関数を使用することもできます。より良い結果を得るには、HTML および CSS と組み合わせて使用​​します。この記事で紹介した内容は、JavaScript を使用してダイヤモンドを印刷するための基本的な考え方にすぎず、読者は実際のニーズに応じて柔軟に使用できます。

以上がJavaScriptを使用してひし形を印刷するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。