Cómo reemplazar el primer carácter en JavaScript de una cadena de texto

Modificar cadenas de caracteres en JavaScript puede parecer una tarea complicada, pero no es así. Mediante el uso de métodos replace(), substring() o slice() se puede reemplazar el primer carácter en JavaScript de cualquier cadena. Veamos cómo se puede hacer esto con ejemplos.

El método replace()

Las cadenas de texto en JavaScript disponen del método replace() que se puede utilizar para reemplazar una cadena de texto por otra. Este método recibe dos parámetros, una subcadena a buscar y la subcadena que se usará para reemplazar la anterior si se encuentra. Reemplazando solo la primera ocurrencia. Así, pasado como primer parámetro el primer carácter de la cadena original se puede reemplazar este de una forma fácil. En el siguiente código se puede ver un ejemplo.

const str = 'cadena a modificar';

const new_str = str.replace(str[0], 'C')

console.log(new_str);

Cadena a modificar

Nótese que en este ejemplo no se reemplaza la 'c' de la palabra modificar, solamente la primera ocurrencia. Por lo que se ha obtenido el resultado deseado.

Concatenar con los métodos substring() o slice()

Otra alternativa para reemplazar el primer carácter en JavaScript es obtener la cadena sin el primer carácter y concatenar el que se desea reemplazar con esta. Para hacer esto se puede usar dos métodos: substring() o slice().

El método substring()

El método substring() recibe como primer parámetro el índice de la a partir del que se desea obtener los caracteres de una cadena. Opcionalmente, también se puede pasar como segundo parámetro el índice final. Por lo tanto, para obtener la subcadena sin el primer carácter, solamente se tendría que llamar al método indicando que extraiga los valores a partir de la primera posición. Concatenando el nuevo carácter con la salida de la función se puede obtener el resultado deseado. Lo que se puede ver en el siguiente ejemplo.

const str = 'cadena a modificar';

const new_str = 'C' + str.substring(1)

console.log(new_str);

Cadena a modificar

El método slice()

Un método alternativo para realizar esto es slice(). Mediante el que es posible seleccionar parte de los elementos de las cadenas. Su funcionamiento es igual al de substring() se pasa como primer parámetro el índice del primer elemento y, opcionalmente, el del último. Por lo que, en el ejemplo anterior, solamente se tiene que reemplazar substring() por slice().

const str = 'cadena a modificar';

const new_str = 'C' + str.slice(1)

console.log(new_str);

Cadena a modificar

Básicamente los dos métodos funcionan igual. substring() es únicamente para cadenas de caracteres mientras que slice() existe para cualquier cadena. Aunque en este caso son intercambiables, la mejor opción es usar substring() ya que es el método de las cadenas.

Conclusiones

En esta entrada se han visto tres opciones para reemplazar el primer carácter en JavaScript. Aunque se ha explicado la forma de reemplazar el primer carácter, los ejemplos vistos se pueden modificar para realizar operaciones similares.

Image by M. from Pixabay