Existem 3 maneiras para concatenar strings em JavaScript. Neste tutorial, você vai as diferentes maneiras e as trocas entre eles.

o operador +

o mesmo operador que utiliza para adicionar dois números pode ser usado para concatenatetwo strings.

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

Você também pode usar +=, onde a += b é um atalho para a = a + b.,

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

If the left hand side of the + operator is a string, JavaScript will coerce the right hand side to a string. Isso significa que é seguro concatenar objetos, números, null, e undefined.

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

os operadores e+= os operadores são rápidos nos motores JavaScript modernos, por isso não precisa se preocupar com algo como a classe de Java StringBuilder.,

Array#join ()

The Array#join() function creates a new string from concatenating all elements in an array. Por exemplo:

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

O primeiro parâmetro join() é chamado de separador. Por padrão, o separador é uma única vírgula ','.

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

pode passar em qualquer separador que desejar. Separadores fazem Array#join() a escolha preferida para concatenar strings se você se encontrar repetindo o mesmo caractere vezes sem conta., Por exemplo, você pode usar ' ' como separador para ingressar em uma matriz de palavras:

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

Ou você pode usar '/' para juntar URL fragmentos:

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

Separadores de fazer Array#join() uma maneira muito flexível para concatenar cadeias de caracteres. Se você quiser unir um número variável de strings, você deve geralmente usar join()em vez de um for loop com +.,

String#concat ()

JavaScript strings have a built-in method. A função toma um ou mais parâmetros e devolve o texto modificado. Strings in JavaScript are immutable, so doesn’t modify the string in place.

a desvantagem de usar é que você deve ter certeza str1 é uma cadeia.Você pode passar parâmetros NÃO-string para , mas você vai obter um 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);

concat() função é raramente usado, porque tem mais casos de erro de+ operador. Por exemplo, você teria um comportamento inesperado se você chamasse num valor que acontece ser um array. Você deve usar + em vez de a menos que tenha uma razão muito boa.,

Se você deve usar concat(), geralmente, é melhor chamá-lo em uma seqüência de caracteres vazia:

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

Mais Fundamentos Tutoriais

• Variáveis Globais em JavaScript
• Como Verificar `NaN` em Javascript
• JavaScript Enums
• JavaScript Guarnição String
• Como Filtro de um Objeto com JavaScript
• Como Usar o forEach() em JavaScript
• Comparar Duas Datas, Ignorando o Tempo, em JavaScript