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.