Maison > interface Web > js tutoriel > Impression de motifs en diamant à l'aide de Javascript

Impression de motifs en diamant à l'aide de Javascript

Linda Hamilton
Libérer: 2024-10-21 22:41:02
original
647 Les gens l'ont consulté

Diamond Pattern Printing using javascript

Suivez-nous sur Instagram pour des vidéos de codage quotidiennes

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

Introduction

Dans cette vidéo, je vais vous montrer comment créer un motif de losange coloré à l'aide de JavaScript. Ce projet est un excellent moyen de mettre en pratique vos compétences et d'explorer comment manipuler les chaînes et les espaces pour l'alignement dans la console.

Ce que vous apprendrez

  • Comment utiliser des boucles pour créer des modèles en JavaScript.
  • L'importance de la manipulation des chaînes pour le formatage de la sortie.
  • Comment créer des illustrations textuelles visuellement attrayantes dans la console.

Explication du code

Voici le code utilisé pour créer le motif losange :

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);
Copier après la connexion

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!

source:dev.to
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal