JavaScript | Insertar una string en la posición X de otra string

Dadas 2 strings, la tarea es insertar una string en otra en una posición específica usando javascript, vamos a discutir algunas técnicas.
Primeros métodos para saber.

Método JavaScript String slice() :
este método obtiene partes de una string y devuelve las partes extraídas en una nueva string.
Los parámetros de inicio y finalización se utilizan para especificar la parte de la string que se va a extraer.
El primer carácter comienza desde la posición 0, el segundo tiene la posición 1 y así sucesivamente.
Sintaxis:
```
string.slice(start, end)
```
Parámetros:
- inicio: Este parámetro es obligatorio. Especifica la posición desde donde iniciar la extracción. El primer carácter comienza desde la posición 0.
- fin: Este parámetro es opcional. Especifica la posición (excluyéndola) donde detener la extracción. Si no se usa, slice() selecciona todos los caracteres desde la posición inicial hasta el final.
Valor de retorno:
Devuelve una string, que representa la parte extraída de la string.
Método JavaScript Array join() :
este método agrega los elementos de una array en una string y devuelve la string.
Los elementos estarán separados por un separador pasado. El separador predeterminado es una coma (, ).
Sintaxis:
```
array.join(separator)
```
Parámetros:
- separador: este parámetro es opcional. Especifica el separador a utilizar. Si no se utiliza, los elementos se separan con una coma.
Valor de retorno:
Devuelve una string, que denota los valores de la array, separados por el separador definido.
Método JavaScript String substr() :
este método obtiene partes de una string, comenzando en el carácter en la posición definida, y devuelve el número especificado de caracteres.
Sintaxis:
```
string.substr(start, length)
```
Parámetros:
- inicio: Este parámetro es obligatorio. Especifica la posición desde donde comenzar la extracción. El primer carácter está en el índice 0.
  Si inicio es positivo y mayor o igual que la longitud de la string, este método devuelve una string vacía.
  Si inicio es negativo, este método lo usa como un índice desde el final.
  Si start es negativo o mayor que la longitud de la string, start se usa como 0.
- longitud: Este parámetro es opcional. Especifica el número de caracteres a extraer. Si no se usa, extrae toda la string.
Valor devuelto:
devuelve una nueva string, teniendo la parte extraída del texto. Si la longitud es 0 o negativa, se devuelve una string vacía.

Ejemplo 1: este ejemplo inserta una string en otra usando el método slice() y join() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Insert string at position X of another string.
    </title>
</head>
  
<body style="text-align:center;"
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP" 
       style="font-size: 19px;
              font-weight: bold;">
    </p>
    <button onclick="GFG_Fun(); ">
        click here
    </button>
    <p id="GFG_DOWN" 
       style="color: green; 
              font-size: 24px; 
              font-weight: bold;">
    </p>
    <script>
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        var a = 'GeeksGeeks';
        var b = 'For';
        var pos = 5;
        up.innerHTML = 'Str_1 = "' + a + 
          '"<br>Str_2 = "' + b + '"';
  
        function GFG_Fun() {
            down.innerHTML = 
              [a.slice(0, pos), b, a.slice(pos)].join('')
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Ejemplo 2: este ejemplo inserta una string en otra usando el método substr() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Insert string at position X of another string.
    </title>
</head>
  
<body style="text-align:center;" 
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP"
       style="font-size: 19px;
              font-weight: bold;">
    </p>
    <button onclick="GFG_Fun(); ">
        click here
    </button>
    <p id="GFG_DOWN" 
       style="color: green;
              font-size: 24px;
              font-weight: bold;">
    </p>
    <script>
        var up = document.getElementById('GFG_UP');
        var down = document.getElementById('GFG_DOWN');
        var a = 'GeeksGeeks';
        var b = 'For';
        var pos = 5;
        up.innerHTML = 'Str_1 = "' + a 
        + '"<br>Str_2 = "' + b + '"';
  
        function GFG_Fun() {
            down.innerHTML = 
              a.substr(0, pos) + b + a.substr(pos);
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta