En este artículo, sabremos cómo combinar el texto de dos strings y devolver la nueva string. Hay dos métodos que mejor se adaptan a esta situación:
- Método JavaScript concat()
- Método JavaScript join()
Exploraremos ambos métodos y sus implementaciones en detalle y los entenderemos a través de los ejemplos.
Uso del método concat(): El método concat() es un método incorporado que toma 2 o más strings como parámetro y devuelve la combinación de todas las strings proporcionadas con la string de llamada, sin cambiar las strings originales.
Sintaxis:
str.concat(str 1, str 2, ... , str n);
Parámetros: este método toma strings como argumentos y las une para formar una nueva string. El número de argumentos de este método es igual al número de strings que se unirán.
Ejemplo: este ejemplo describe cómo obtener la nueva string al combinar más de dos strings.
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content=
"width=device-width, initial-scale=1" />
<title>Concatenation of Strings</title>
</head>
<body>
<h1>GeekforGeeks</h1>
<h3>Javascript concat() Method</h3>
<script>
let str1 = "Hello";
let str2 = "Geeks"
let returnedString = str1.concat(" ",
str2, "forGeeks", " ", "Learner");
console.log(returnedString);
</script>
</body>
</html>
Explicación: Aquí, hemos usado más de 2 strings para combinar, str1 está llamando al método concat() para que el parámetro proporcionado en secuencia se combine con str1 .
Producción:
Uso del método join() : este método toma una array como objeto llamador y devuelve la string unida en la misma secuencia que todos los elementos que aparecieron en la array. Este método no proporciona tanta flexibilidad en comparación con el método concat.
Sintaxis:
array.join(separator);
Parámetro: Es un parámetro opcional. El separador es la string o el carácter que se colocará entre esos elementos de la array. Por defecto, se considera una string vacía.
Valor devuelto: Devuelve la string que contiene la colección de elementos de la array.
Ejemplo: este ejemplo describe la unión de las dos strings al proporcionar un espacio en blanco como separador.
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content=
"width=device-width, initial-scale=1" />
<title>Joining of 2 strings</title>
</head>
<body>
<h1>GeekforGeeks</h1>
<h3>Javascript join() Method</h3>
<script>
let myStr1 = "Hello";
let myStr2 = "GFG Learner!";
const returnedString =
[myStr1, myStr2].join(" ");
console.log(returnedString);
</script>
</body>
</html>
Explicación: En la primera y segunda líneas, inicializamos dos strings y llamamos al método join() al proporcionar una array como un objeto llamador que consta de esas strings y el espacio en blanco (» «) como separador.
Producción:
Nota: También podemos usar el operador + normal o las strings de plantilla para combinar las strings de una manera simple y eficiente si no hay ninguna condición para devolver la nueva string después de la concatenación porque estos no son métodos sino construcciones de lenguaje normal.
Publicación traducida automáticamente
Artículo escrito por mrtwinklesharma y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA