Stampare un rettangolo di asterischi in JavaScript

La stampa di un rettangolo di asterischi è un esercizio comune nel processo di apprendimento della programmazione. Infatti questo semplice esercizio è un ottimo modo per comprendere i concetti di cicli e output in JavaScript.

Stampare un rettangolo di asterischi è un esercizio comune utilizzato per consolidare la comprensione di concetti fondamentali di programmazione. In questo caso, impareremo come utilizzare cicli for o while per controllare il numero di righe e colonne del rettangolo e stampare gli asterischi corrispondenti.

Il codice sarà suddiviso in due parti principali: dichiarazione delle variabili per il numero di righe e colonne e l'implementazione di un ciclo annidato per generare l'output desiderato.

Implementazione in JavaScript

Il modo più semplice per stampare un rettangolo di asterischi è utilizzare due cicli for annidati, uno per le righe e uno per le colonne. Ecco un esempio pratico di come potremmo implementare la stampa di un rettangolo di asterischi in JavaScript:

function stampaRettangolo(altezza, larghezza) {
    // 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 le colonne
        for (let j = 0; j < larghezza; j++) {
            rigaAsterischi += '* ';
        }

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

// Esempio di utilizzo
const righe = 4;
const colonne = 6;

stampaRettangolo(righe, colonne);

In questo esempio, la funzione stampaRettangolo accetta due parametri: altezza e larghezza. Utilizzando i cicli for annidati, la funzione crea una stringa di asterischi per ogni riga e la stampa sulla console.

Una delle belle caratteristiche di questo approccio è la possibilità di personalizzare il rettangolo a seconda delle esigenze. Modificando i valori di righe e colonne, è possibile creare rettangoli di diverse dimensioni.

Approccio con stringa multipla di ripetizione

Una sintassi più concisa per generare una stringa contenente asterischi è utilizzare il metodo String.repeat():

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

// Esempio di utilizzo della funzione con repeat
var altezza = 4;
var largehzza = 2;

stampaRettangolo(altezza, largehzza);

Stampare rettangolo vuoto in JavaScript

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

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

// Esempio di utilizzo della funzione per un rettangolo vuoto
var altezza = 5;
var larghezza = 8;

stampaRettango(altezza, larghezza);

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