ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptを使用したダイヤモンドパターン印刷

JavaScriptを使用したダイヤモンドパターン印刷

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-21 22:41:02649ブラウズ

Diamond Pattern Printing using javascript

Instagram で毎日のコーディングビデオをご覧ください

https://www.instagram.com/webstreet_code/

導入

このビデオでは、JavaScript を使用してカラフルなダイヤモンド パターンを作成する方法を説明します。このプロジェクトは、スキルを練習し、コンソールで文字列と空白を操作して位置を調整する方法を検討するのに最適な方法です。

学べること

  • JavaScript でループを使用してパターンを作成する方法。
  • 出力をフォーマットするための文字列操作の重要性。
  • コンソールで視覚的に魅力的なテキストベースのアートを作成する方法。

コードの説明

ダイヤモンド パターンの作成に使用されるコードは次のとおりです:

javascript
function printDiamond(n) {
    let pattern = '';
    const symbol = '?'; // Diamond symbol

    // Upper part of the diamond
    for (let i = 1; i <= n; i++) {
        pattern += ' '.repeat(n - i); // Add leading spaces
        for (let j = 0; j < 2 * i - 1; j++) {
            pattern += symbol + ' '; // Add diamonds with space
        }
        pattern += '\n'; // Move to next line
    }

    // Lower part of the diamond
    for (let i = n - 1; i >= 1; i--) {
        pattern += ' '.repeat(n - i); // Add leading spaces
        for (let j = 0; j < 2 * i - 1; j++) {
            pattern += symbol + ' '; // Add diamonds with space
        }
        pattern += '\n'; // Move to next line
    }

    console.log(pattern);
}

// Set the number of rows (height of the diamond)
let rows = 5; // You can change the number of rows here
printDiamond(rows);

以上がJavaScriptを使用したダイヤモンドパターン印刷の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:KnockoutJ の概要次の記事:KnockoutJ の概要