Cambiar carácter de cadena en JavaScript

1. Cambiar el carácter de cadena usando subcadena () en JavaScript
2. Cambiar el carácter de cadena usando split() y join() en JavaScript

No existe un método incorporado o predeterminado en JavaScript para cambiar el carácter en una cadena directamente, pero podemos hacerlo con la ayuda de otros métodos de cadena como substring(), split(), y join().

En este artículo, crearemos funciones personalizadas para reemplazar o cambiar el carácter de las cadenas en cualquier posición que queramos con la ayuda de métodos de cadena predeterminados con diferentes ejemplos.

Cambiar el carácter de cadena usando subcadena () en JavaScript

El método substring() es un método predefinido en JavaScript, y lo usamos en cadenas para extraer los caracteres definidos de una cadena con la ayuda de índices. Busca los índices definidos de la cadena declarada completa y extrae la porción de principio a fin.

La cadena original no cambia por el método substring(). Devuelve la nueva cadena.

Sintaxis:

let string = 'Hello world!';
let result = string.substring(1, 5);  // result will be "ello"

Ahora, utilizando el método substring(), inicializaremos la cadena donde queremos cambiar el carácter deseado en una posición específica. Se nos pedirá que proporcionemos el carácter deseado y el índice que queremos cambiar.

<script>

let string = "Delft stack is the b_st website to learn programming" // here we want to change "_" with "e"

function changeChar() {
    let result = setCharOnIndex(string,20,'e');
    console.log("Original string : "+string)
    console.log("Updated string : "+result)
}

function setCharOnIndex(string,index,char) {
    if(index > string.length-1) return string;
    return string.substring(0,index) + char + string.substring(index+1);
}

changeChar()

</script>

Producción :

"Original string : Delft stack is the b_st website to learn programming"

"Updated string : Delft stack is the best website to learn programming"

Explicación del código de ejemplo:

1. Inicializamos una cadena que contenía un error ortográfico en el código fuente de JavaScript anterior.
2. Hemos declarado una función personalizada setCharOnIndex(), que tomará una cadena, un índice y un carácter como argumento.
3. En el índice provisto, dividirá la cadena pasada en dos porciones utilizando el método predeterminado substring().
4. Luego, concatenamos el carácter pasado en el medio y finalizamos la cadena.
5. Hemos mostrado las cadenas actualizadas para ver el resultado y diferenciar el funcionamiento de los métodos.
6. Hemos declarado la función changeChar() en la que llamamos a nuestra función setCharOnIndex().
7. Puede ver el resultado en el cuadro de registro de la consola.

Cambiar el carácter de cadena usando split() y join() en JavaScript

En JavaScript, split() es un método predefinido que divide una cadena declarada en una matriz de subcadenas. La cadena original no cambia por el método split(); devuelve una nueva matriz de caracteres de cadena.

El método join() devuelve una cadena de una matriz. No cambiará la matriz original.

Podemos usar el método split() junto con join() en cadenas para cambiar el carácter en cualquier posición. Inicializaremos cadenas con errores ortográficos y probaremos los métodos split() y join() para cambiar caracteres en cualquier índice o posición deseada.

Código de ejemplo:

<script>

let string = "Delft stack is the b_st website to learn programming"; // here we want to change "_" with "e"
let array = string.split(''); // converting into an array
array[20] = "e"; // added "e" in the place of "_"
let result = array.join(''); // created string again
    console.log("Original string : "+string)
    console.log("Updated string : "+result)

</script>

Producción :

"Original string : Delft stack is the b_st website to learn programming"

"Updated string : Delft stack is the best website to learn programming"

Explicación del código de ejemplo:

1. Nuevamente, inicializamos una cadena que contenía un error de ortografía en el código fuente de JavaScript anterior.
2. Usamos el método de cadena split() para dividir la cadena en una matriz de subcadenas.
3. Hemos asignado el carácter e en el índice 20 para cambiar con _.
4. Luego usamos el método join() para generar la cadena nuevamente a partir de la matriz final, que se cambia.
5. Finalmente, mostramos las cadenas actualizadas para ver el resultado y diferenciar el funcionamiento de los métodos.
6. Vea el resultado en el cuadro de registro de la consola.