Console log JavaScript

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:

console log array

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:

oggetto javascript

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

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Ciclo do while

Ciclo for

Esempi ciclo for in JavaScript

Leave a Reply