4Geeks logo
4Geeks logo

Courses

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Coding Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Full-Stack Software Developer - 16w

Data Science and Machine Learning - 16 wks

Buscar en lecciones


IngresarEmpezar

Weekly Coding Challenge

Todas las semanas escogemos un proyecto de la vida real para que construyas tu portafolio y te prepares para conseguir un trabajo. Todos nuestros proyectos están construidos con ChatGPT como co-pilot!

Únete al reto

Podcast: Code Sets You Free

Un podcast de cultura tecnológica donde aprenderás a luchar contra los enemigos que te bloquean en tu camino para convertirte en un profesional exitoso en tecnología.

Escuchar el podcast
← Volver a Cómo hacerlo
Editar en Github

¿Cómo usar el método replace de Strings en Javascript?

Escrito por:

El método String.replace() es una herramienta en JavaScript que permite remplazar texto o palabras especificas por nuevos valores. Este permite manipular strings y es bastante utilizado en diversos campos como desarrollo web, proceso de datos y formato de texto. Para comenzar, se puede ver en este ejemplo de código como se utiliza el método de los strings replace():

1const stringOriginal = "Hola, mundo!"; 2const stringModificado = stringOriginal.replace("mundo!", "Universo"); 3console.log(stringModificado); // Resultado: Hola, Universo

En el ejemplo anterior, hay un string guardado en stringOriginal y otra variable que va a almacenar el resultado de reemplazar "mundo" por "Universo". Finalmente se muestra el nuevo texto en la consola. Si te interesa conocer más sobre los strings, tenemos un artículo de strings en JavaScript que explica en más detalle este tipo de dato.

Si todavía no tienes un dominio total sobre cómo programar en JavaScript o para qué sirve Javascript te recomendamos leer sobre ello en el Blog de 4Geeks.

Explicación del Método String.replace()

String.replace() es usado para reemplazar substrings específicos o patrones dentro de textos (strings). Este realiza una búsqueda en el string completo, reemplaza el texto indicado y retorna un nuevo string con los cambios hechos.

Parámetros de String.replace()

String.replace() recibe dos parámetros que son los siguientes:

  1. searchValue: Este define el substring o texto que estamos buscando para ser reemplazado y es requerido. Puede ser un String o una expresion regular.
  2. replaceValue: Indica el string o texto que reemplazará el valor previamente buscado por el parámetro searchValue (El primer parámetro). Además, solamente la primera ocurrencia (Cuando se consiga por primera vez) será reemplazada a menos que usando expresiones regulares, se utilice la bandera global (g) que reemplazaría todas las palabras dentro del string. Esto permite mayor flexibilidad y reemplazos un poco más complejos.

Ejemplos de uso del método string.replace()

Ahora se monstrarán algunas situaciones donde se puede utilizar este método y entenderlo mejor:

Reemplazar una sola palabra.

1const oracion = "¡Me encanta Javascript!"; 2const oracionModificada = oracion.replace("Javascript", "programar"); 3 4console.log(oracionModificada); // Resultado: ¡Me encanta programar!

En este ejemplo, se reemplazó la palabra "Javascript" por "programar". El resultado aparece en la consola con la oración modificada.

Reemplazar todas las palabras usando una expresión regular.

1const oracion = "¡Me encanta Javascript! Javascript es un excelente lenguaje de programación para desarrollo web. No hay mejor lenguaje que javascript."; 2const oracionModificada = oracion.replace(/Javascript/g, "JS"); 3 4console.log(oracionModificada); // Resultado: ¡Me encanta JS! JS es un excelente lenguaje de programación para desarrollo web. No hay mejor lenguaje que javascript.

En este ejemplo se utiliza lo anterior mencionado que es la bandera global (g) con el fin de reemplazar todas las ocurrencias de la palabra "Javascript" en la variable "oracion".

Como se puede apreciar en el resultado, la ultima palabra "javascript" no fue reemplazado por "JS", esto pasa porque la búsqueda fue case sensitive (Sensible a mayúsculas y minúsculas), para que busque no case sensitive (Ignore mayúsculas y minúsculas), debes usar el flag i en la expresión regular.

Reemplazar todas las palabras usando una expresión regular que no distingue mayúsculas ni minúsculas.

1const oracion = "¡Me encanta Javascript! Javascript es un excelente lenguaje de programación para desarrollo web. javaScript ofrece muchas opciones en esta área."; 2const oracionModificada = oracion.replace(/javascript/gi, "JS"); 3 4//Resultado: ¡Me encanta JS! JS es un excelente lenguaje de programación para desarrollo web. JS ofrece muchas opciones en esta área.

Ahora se utilizó (gi) como bandera global que no distingue entre mayúsculas y minúsculas, lo cual permite detectar mayor numero de ocurrencias de la palabra buscada en un texto.

Conclusión

Este método de String.replace() es una poderosa y versátil herramienta en JavaScript que permite la manipulación y reemplazo de cualquier dato de tipo string. Les abre las puertas a los programadores para poder buscar y reemplazar texto especifico o patrones dentro de strings completos y mediante la práctica, esto puedo mejorar sus habilidades en la programación con el fin de ser capaces de resolver más problemas de esta índole.

Para obtener mayor información y recursos acerca de JavaScript, puedes entrar al blog de 4Geeks para poder profundizar en este lenguaje.