Stampare un triangolo scaleno di asterischi in JavaScript

La creazione di un triangolo scaleno di asterischi è un esercizio interessante che aiuta a comprendere concetti fondamentali di programmazione come i cicli e le strutture di controllo. In questa pagina, esploreremo diversi modi per implementare questa operazione utilizzando JavaScript.

Creare un triangolo scaleno di asterischi è un esercizio eccellente per sviluppare competenze nel controllo di cicli e nell'organizzazione dell'output. Un triangolo scaleno è caratterizzato da tre lati di lunghezze diverse, e nella nostra rappresentazione grafica, utilizzeremo asterischi per delineare il triangolo.

Il nostro codice si concentrerà sull'uso di cicli for o while per controllare la disposizione degli asterischi in ciascuna riga del triangolo. Dovremo gestire la crescita e la diminuzione del numero di asterischi in ogni riga per ottenere la forma desiderata.

Implementazione in JavaScript

Il modo più diretto per stampare un triangolo scaleno di asterischi è utilizzare cicli for annidati.

function stampaTriangoloScaleno(altezza) {
    // Ciclo esterno per le righe
    for (let i = 0; i < altezza; i++) {
        // Stringa per accumulare gli asterischi di ogni riga
        let rigaAsterischi = '';

        // Ciclo interno per definire la quantità di asterischi in ogni riga
        for (let j = 0; j <= i; j++) {
            rigaAsterischi += '* ';
        }

        // Stampa della riga corrente
        console.log(rigaAsterischi);
    }
}

// Esempio di utilizzo
const altezzaTriangolo = 5;

stampaTriangoloScaleno(altezzaTriangolo);

In questo esempio, la funzione stampaTriangoloScaleno accetta un parametro altezza e utilizza due cicli for annidati per costruire il triangolo. Il primo ciclo controlla le righe del triangolo, mentre il secondo controlla il numero di asterischi in ogni riga.

Approccio con stringa multipla di ripetizione

Un approccio più conciso per generare una stringa contenente asterischi è utilizzare il metodo String.repeat().

// Funzione con approccio di ripetizione di stringa
function stampaTriangoloScalenoConRepeat(altezza) {
  for (var i = 1; i <= altezza; i++) {
    console.log("* ".repeat(i));
  }
}

// Esempio di utilizzo della funzione con repeat
var altezzaRepeat = 4;

stampaTriangoloScalenoConRepeat(altezzaRepeat);

In questo caso, "* ".repeat(i) genera una stringa contenente i asterischi separati da spazi.

Stampare un triangolo scaleno vuoto

Per disegnare un triangolo vuoto, dove solo i bordi sono costituiti da asterischi, è possibile apportare alcune modifiche alla funzione.

// Funzione per stampare un triangolo vuoto di asterischi
function stampaTriangoloVuoto(altezza) {
  for (var i = 1; i <= altezza; i++) {
    var riga = "";
    for (var j = 1; j <= i; j++) {
      if (i === altezza || j === 1 || j === i) {
        riga += "* ";
      } else {
        riga += "  ";
      }
    }
    console.log(riga);
  }
}

// Esempio di utilizzo della funzione per un triangolo vuoto
var altezzaVuoto = 5;

stampaTriangoloVuoto(altezzaVuoto);

In questa versione, la funzione verifica se ci troviamo sui bordi del triangolo e stampa un asterisco solo in questi casi.