join JavaScript

In questa lezione introdurremo il metodo join di JavaScript che, dato un array, restituisce una stringa.

Questo metodo è simile al precedente toString, affrontato nella lezione precedete. La differenza con il metodo toString è che quest’ultimo può essere utilizzato anche su altre variabili, mentre join si utilizza solo con gli array.

Anche in questo caso l’array originale rimane invariato, quindi dobbiamo memorizzare il risultato in un’altra variabile, per poi utilizzarla dove opportuno.

La sintassi del metodo join() di JavaScript è la seguente: nomeArray.join(separatore), dove il separatore è opzionale e se non è specificato gli elementi saranno separati da una virgola ( , ).

Affrontiamo adesso degli esempi pratici per capirne il funzionamento.

join JavaScript – primo esempio

Come primo esempio convertiamo un semplice array di numeri in una stringa, utilizzando il metodo join().

Supponiamo quindi di avere il seguente array di numeri:

var numeri = [5,4,3,2,6,9,62];

Utilizziamo poi il metodo join per convertire l’array e memorizziamo il risultato in una variabile ad esempio di nome stringa.

Poi visualizziamo il risultato nella console del browser.

var stringa = numeri.join();
console.log(stringa);

In questo modo otterremo dei numeri separati da una virgola.

join JavaScript – secondo esempio

Riproponiamo lo stesso esempio ma con un array di stringhe, dunque ripetiamo l’esempio di prima cambiando solo l’array.

Ad esempio se per ipotesi abbiamo il seguente array:

var oggettiScolastici = ['matita','gomma','temperino','quaderno','matita'];

E poi applichiamo il metodo join all’array di stringhe di partenza, visualizzando il risultato per semplicità sempre nella console del browser.

var stringa = oggettiScolastici.join('-');
console.log(stringa);

Visualizzeremo il seguente risultato: matita – gomma – temperino – quaderno – matita.

In questo articolo abbiamo parlato del metodo join di JavaScript, nelle prossime lezioni affronteremo altri metodi con numerosi altri esempi.

Alcuni link utili

Indice tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Utilizzare JavaScript prompt

Variabili in JavaScript

Gioco indovina numero in JavaScript

Gioco della morra cinese in JavaScript

Semplice quiz utilizzando gli array

Come realizzare il gioco dei dadi online