Concatenar (unir) cadenas en JavaScript [3 métodos]

Ser capaz de concatenar (unir) dos o más cadenas juntas es muy útil:puede combinar la entrada del usuario para almacenarla en una sola columna de la base de datos o hacer lo contrario:combinar datos de varias columnas de la base de datos en una sola cadena para mostrarlos o generarlos.

Hay varias formas de concatenar cadenas en Javascript, y cubriremos estos métodos a continuación, junto con algunos ejemplos útiles.

La cadena.concat() Método

La cadena.concat() El método unirá cualquier número de cadenas a una cadena inicial dada.

Sintaxis

string.concat(string1, string2, string3...)

Tenga en cuenta que:

  • cadena es su valor de cadena existente o variable
  • cadena1, cadena2, cadena3… es una lista separada por comas de las cadenas que desea unir a cadena
    • Puede agregar tantas cadenas como desee
  • Se devuelve una nueva cadena que contiene las cadenas concatenadas:la cadena original. no se modifica

Ejemplo

var string1 = "Linux";
var string2 = "Screw";
var result = string1.concat(string2);
console.log(result); // Will output "LinuxScrew" to the console

Concatenar una matriz de cadenas

Si desea separar sus cadenas unidas con un carácter u otra cadena, puede colocarlas en una matriz y usar array.join() método para concatenarlas.

Sintaxis

array.join([separator])

Tenga en cuenta que:

  • matriz debe ser una matriz de cadenas
  • separador debe ser un carácter o cadena que desee colocar entre cada cadena unida de la matriz
    • separador puede ser una cadena vacía
  • Se devuelve una nueva cadena que contiene las cadenas concatenadas:la cadena original. no se modifica

Ejemplo

var array = ['JavaScript', 'is', 'fun'];
var result = array.join(' ');
console.log(result); // Will output "JavaScript is fun" to the console

Tenga en cuenta que el separador en el ejemplo anterior es un solo espacio, por lo que las palabras no se mezclan como cuando se usaba string.concat() .

Uso de + y +=para unir cadenas

La forma rápida y sucia de unir cadenas es simplemente usar ++= operadores.

var result = "Linux" + "Screw";
console.log(result); // Will output "LinuxScrew" to the console

Este método funciona bien, siempre que no necesite separar cada cadena y sepa de antemano qué cadenas necesita concatenar y cuántas hay.