Il metodo console.log() in JavaScript consente di visualizzare un messaggio nella console del browser. Questo messaggio può essere una semplice stringa di testo oppure una o più variabili o anche una struttura dati di JavaScript.
Difatti questo metodo viene utilizzato spesso dagli sviluppatori web per testare delle porzioni di codice.
Primo esempio d’utilizzo del console log in JavaScript
Facciamo degli esempi d’utilizzo del seguente metodo.
Realizziamo un programma che testi se un numero è positivo, visualizzando il messaggio nella console del browser.
Inizializziamo la variabile a ad un valore positivo, ad esempio 13 e dopo, con una semplice istruzione condizionale testiamo se questo valore è positivo oppure no.
Visualizziamo utilizzando il metodo console.log di JavaScript il relativo messaggio.
var a = 13;
if(a > 0) {
console.log('il numero è positivo');
} else {
console.log('il numero non è positivo');
}
Nella console del browser posso stampare anche la variabile a, concatenandola con la stringa di testo.
Posso utilizzare il simbolo +, come nell’esempio sotto:
console.log('il numero ' + a + ' è positivo');
oppure la virgola:
console.log('il numero ', a ,' è positivo');
Nella console posso stampare anche un valore booleano, come ad esempio il test che ho inserito nell’if.
Nel nostro caso:
console.log(a > 0);
Nella console avremo il valore booleano true.
Secondo esempio d’utilizzo del console log in JavaScript
Creiamo un array di numeri e visualizziamo il risultato nella console del browser.
Per affrontare questo esempio si devono dunque conoscere gli array presentati in questa lezione: introduzione agli array in JavaScript.
var numeri = [14, 8, 2, 11, 6, 7];
console.log(numeri);
Nella console vedremo il nostro array come da figura sotto:
Allo stesso modo ad esempio potrei voler stampare un oggetto:
var auto = {
modello: 'fiat',
colore: 'bianco'
};
console.log(auto);
Nella console vedremo il nostro oggetto come da figura sotto:
Conclusioni
Il metodo console.log di JavaScript come abbiamo visto consente di stampare messaggi, variabili e strutture dati. Risulta dunque essere utile agli sviluppatori per fare dei test veloci sul codice scritto.
Alcuni link utili
Introduzione al tutorial JavaScript
Come utilizzare JavaScript alert
