Heim > Web-Frontend > js-Tutorial > Hauptteil

Rautenmusterdruck mit Javascript

Linda Hamilton
Freigeben: 2024-10-21 22:41:02
Original
568 Leute haben es durchsucht

Diamond Pattern Printing using javascript

Folgen Sie uns auf Instagram für tägliche Codierungsvideos

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

Einführung

In diesem Video zeige ich Ihnen, wie Sie mit JavaScript ein buntes Rautenmuster erstellen. Dieses Projekt ist eine großartige Möglichkeit, Ihre Fähigkeiten zu üben und zu erfahren, wie Sie Zeichenfolgen und Leerzeichen für die Ausrichtung in der Konsole manipulieren.

Was Sie lernen werden

  • So verwenden Sie Schleifen, um Muster in JavaScript zu erstellen.
  • Die Bedeutung der String-Manipulation für die Formatierung der Ausgabe.
  • So erstellen Sie visuell ansprechende textbasierte Grafiken in der Konsole.

Code-Erklärung

Hier ist der Code, der zum Erstellen des Rautenmusters verwendet wurde:

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);
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonRautenmusterdruck mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!