Hay 3 maneras para concatenar cadenas en JavaScript. En este tutorial, verás las diferentes formas y las compensaciones entre ellas.

El operador +

el mismo+ el operador que usa para agregar dos números se puede usar para concatenar dos cadenas.

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

también puede utilizar la etiqueta +=, donde a += b es una abreviatura de a = a + b.,

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

Si el lado izquierdo del operador+ es una cadena, JavaScript forzará el lado derecho a una cadena. Que significa que es seguro para concatenar los objetos,números, null y undefined.

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

los operadores + y += son rápidos en los motores JavaScript modernos, por lo que no hay necesidad de preocuparse por algo como la clase StringBuilder de Java.,

Array#join ()

la funciónArray#join() crea una nueva cadena a partir de concatenar todos los elementos de un array. Por ejemplo:

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

El primer parámetro join() se llama el separador. De forma predeterminada, el separador es una sola coma ','.

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

puede pasar cualquier separador que desee. Los separadores hacen Array#join() la opción preferida para concatenar cadenas si te encuentras repitiendo el mismo carácter una y otra vez., Por ejemplo, puede usar ' ' como separador para unirse a una matriz de palabras:

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

O puedes usar '/' unir URL fragmentos:

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

Separadores de hacer Array#join() una forma muy flexible para concatenar cadenas. Si desea unir un número variable de cadenas, generalmente debe usar join()en lugar de un bucle forcon +.,

String # concat ()

Las cadenas JavaScript tienen un método integrado concat(). La función concat() toma uno o más parámetros y devuelve la cadena modificada. Las cadenas en JavaScript son inmutables, por lo que concat() no modifica la cadena en su lugar.

la desventaja de usar concat() es que debe estar seguro de que str1 es una cadena.Puede pasar parámetros sin cadena a concat(), pero obtendrá 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 funciónconcat()rara vez se usa porque tiene más casos de error que el operador+. Por ejemplo, obtendría un comportamiento inesperado si llama a concat() en un valor que resulta ser una matriz. Debe usar + en lugar de concat() a menos que tenga una muy buena razón.,

si debe usar concat(), generalmente es mejor llamarlo en una cadena vacía:

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

más tutoriales de Fundamentos

• Variables globales en JavaScript
• Cómo verificar `NaN` en Javascript
• JavaScript trim string
• Cómo filtrar un objeto con JavaScript
• Cómo usar foreach() en JavaScript
• comparar dos fechas, ignorando la hora, en JavaScript