Ci sono 3 modi per concatenare le stringhe in JavaScript. In questo tutorial, you’llthe modi diversi e i compromessi tra di loro.

L’operatore +

Lo stesso+ operatore utilizzato per aggiungere due numeri può essere utilizzato per concatenare due stringhe.

const str = 'Hello' + ' ' + 'World';str; // 'Hello World'

Puoi anche usare+=, dovea += bè una scorciatoia pera = a + b.,

let str = 'Hello';str += ' ';str += 'World';str; // 'Hello World'

Se il lato sinistro dell’operatore+ è una stringa, JavaScript costringerà il lato destro a una stringa. Ciò significa che è sicuro concatenare oggetti, numeri,null eundefined.

let str = 'Values: ';str += 42;str += ' ';str += {};str += ' ';str += null;str; // 'Values: 42 null'

Gli operatori+e+= sono veloci sui moderni motori JavaScript, quindi non c’è bisogno di preoccuparsi di qualcosa come la classe StringBuilder di Java.,

Array#join ()

La funzioneArray#join() crea una nuova stringa dalla concatenazione di tutti gli elementi in un array. Ad esempio:

.join(''); // 'Hello World'

Il primo parametro di join() è chiamato separatore. Per impostazione predefinita, theseparator è una singola virgola ','.

.join(); // 'a,b,c'

È possibile passare in qualsiasi separatore che si desidera. I separatori rendonoArray#join() la scelta preferita per concatenare le stringhe se ti ritrovi a ripetere lo stesso carattere più e più volte., Ad esempio, è possibile utilizzare ' ' come separatore per partecipare a un array di parole:

// 'Twas the night before Christmas'.join(' ');

Oppure è possibile utilizzare '/' per unirsi URL frammenti:

// 'masteringjs.io/tutorials/fundamentals/string-concat'.join('/');

Separatori fare Array#join() un modo molto flessibile per concatenare le stringhe. Se vuoi unire insieme un numero variabile di stringhe, dovresti generalmente usarejoin()piuttosto che unfor loop con+.,

String#concat ()

Le stringhe JavaScript hanno un metodoconcat() integrato. La funzioneconcat() accetta uno o più parametri e restituisce la stringa modificata. Le stringhe in JavaScript sono immutabili, quindiconcat() non modifica la stringa in posizione.

Lo svantaggio di usare concat()è che devi essere certo che str1 è una stringa.Puoi passare parametri non string a concat(), ma otterrai un TypeErrorif str == null.,

// If `str` is null or not a string, can't use `concat()`const str = 'Values: ';// 'Values: 42 null'str.concat(42, ' ', null);

La funzioneconcat()viene utilizzata raramente perché presenta più casi di errore rispetto all’operatore+. Ad esempio, si otterrebbe un comportamento imprevisto se si chiama concat()su un valore che sembra essere un array. Dovresti usare+ invece diconcat() a meno che tu non abbia una buona ragione.,

Se si deve usare concat(), di solito è meglio chiamarlo su una stringa vuota:

''.concat('Hello', ' ', 'World');

Ulteriori Fondamenti Tutorial

• le Variabili Globali in JavaScript
• Come Controllare per `NaN` in Javascript
• JavaScript Enum
• JavaScript Trim String
• Come Filtro un Oggetto in JavaScript
• Come Usare forEach() in JavaScript
• Confrontare Due Date, Ignorando Tempo, in JavaScript