Resumo : neste tutorial, você aprenderá como usar o concat()método JavaScript para concatenar strings.

Introdução ao método JavaScript String concat()

O String.prototype.concat()método aceita uma lista de strings e retorna uma nova string que contém as strings combinadas:

string.concat(str1, [...strN]);Linguagem de código:  JavaScript  ( javascript )

Se os argumentos não forem strings, ele concat()os converte em strings antes de realizar a concatenação.

É recomendável usar o operador +ou +=para concatenação de strings para obter melhor desempenho.

Exemplos de concat() de string JavaScript

Vejamos alguns exemplos de uso do concat()método.

1) Concatenando strings

O exemplo a seguir usa o concat()método para concatenar strings:

let greeting = 'Hi';
let message = greeting.concat(' ', 'John');

console.log(message);Linguagem de código:  JavaScript  ( javascript )

Saída:

Hi JohnLinguagem de código:  JavaScript  ( javascript )

2) Concatenando um array de strings

O exemplo a seguir usa o concat()método para concatenar strings em um array:

let colors = ['Blue',' ','Green',' ','Teal'];
let result = ''.concat(...colors);

console.log(result);Linguagem de código:  JavaScript  ( javascript )

Saída:

Blue Green TealLinguagem de código:  JavaScript  ( javascript )

Observe que o argumento ...anterior ao colorsarray é o operador spread que descompacta os elementos de um array.

3) Concatenando argumentos sem string

Este exemplo concatena números em uma string:

let str = ''.concat(1,2,3);

console.log(str);Linguagem de código:  JavaScript  ( javascript )

Saída:

123Linguagem de código:  JavaScript  ( javascript )

Neste exemplo, o concat()método converte os números 1, 2 e 3 em strings antes de concatenar.

Resumo

• O concat()método concatena uma lista de strings e retorna uma nova string que contém as strings combinadas.
• Use +o +=operador ou para concatenar strings para melhor desempenho.