Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
JavaScript: método de reemplazo de cadena ()
Este tutorial de JavaScript muestra cómo usar el método de cadena llamado replace() con sintaxis y ejemplos.
describir
En JavaScript, replace() es un método de cadena que reemplaza las ocurrencias de una cadena específica o expresión regular con una cadena de reemplazo. Debido a que el método replace() es un método del objeto String, debe llamarse a través de una instancia específica de la clase String.
sintaxis
En JavaScript, la sintaxis del método replace() es:
string.replace(search_expression, replacement);
parámetro o parámetro
expresión de búsqueda
Es un valor de cadena o un objeto RegExp que se buscará en la cadena. Como objeto RegExp, puede ser una combinación de lo siguiente:
| valor | describir |
|---|---|
| ^ | Coincide con el principio de la cadena. Si se usa con el parámetro de coincidencia de ‘m’, coincide con el comienzo de una línea en cualquier parte de la expresión. |
| PS | Coincide con el final de la cadena. Si se usa con el parámetro de coincidencia de ‘m’, coincidirá con el final de la línea en cualquier parte de la expresión. |
| * | Coincide con cero o más ocurrencias. |
| + | Coincide con una o más coincidencias. |
| ? | Partido cero o una vez. |
| . | Coincide con cualquier carácter excepto NULL. |
| | | Use como “O” para especificar múltiples alternativas. |
| [ ] | Se utiliza para especificar una lista de coincidencias en la que intenta hacer coincidir cualquiera de los caracteres de la lista. |
| [^ ] | Se utiliza para especificar una lista no coincidente en la que está intentando hacer coincidir cualquier carácter excepto los de la lista. |
| ( ) | Se utiliza para agrupar expresiones en subexpresiones. |
| B | hacer coincidir los límites de las palabras |
| B | hacer coincidir los límites que no son de palabra |
| {arroz} | Coincidir m veces. |
| {arroz,} | Coincide al menos m veces. |
| {Minnesota} | Coincide al menos m veces, pero no más de n veces. |
| norte | n es un número entre 1 y 9. Coincide con la n-ésima subexpresión encontrada en ( ) antes de que se encuentre n. |
| [..] | Coincide con un elemento de intercalación que puede tener más de un carácter. |
| [::] | Coincide con las clases de personajes. |
| [==] | Igualar clases de equivalencia. |
| D | Coincide con un carácter numérico. |
| D | Coincide con caracteres no numéricos. |
| w | Coincide con un carácter de palabra. |
| W | Coincide con caracteres que no son palabras. |
| s | Coincide con un carácter de espacio en blanco. |
| S | Coincide con caracteres que no son espacios en blanco. |
| t | Coincide con las pestañas horizontales. |
| v | Coincide con las pestañas verticales. |
| r | Hacer coincidir el retorno de carro. |
| F | Coincide con fuentes de formulario. |
| norte | Coincidir con nuevas líneas. |
| [b] | Coincide con el carácter de retroceso. |
| Coincide con caracteres NUL. | |
| *? | Coincide con cero o más ocurrencias del patrón anterior. |
| +? | Coincide con una o más apariciones del patrón anterior. |
| ?? | Coincide con cero o una aparición del patrón anterior. |
| {norte}? | Coincide con el patrón anterior n veces. |
| {norte,}? | Coincide con el patrón anterior al menos n veces. |
| {Nuevo Méjico}? | Haga coincidir el patrón anterior al menos n veces, pero no más de m veces. |
sustituir
Es una cadena de reemplazo o una función (devuelve la cadena de reemplazo). El carácter $ es un carácter especial que se usa en las cadenas de reemplazo para indicar que el valor en la coincidencia de patrones se puede usar como parte de la cadena de reemplazo. Así es como puede usar el carácter $:
| valor | describir |
|---|---|
| $1, $2 … $n |
Se utiliza para insertar subcadenas coincidentes entre paréntesis. $1 es la primera coincidencia entre paréntesis, |
| PS | para insertar subcadenas coincidentes |
| PS | Se usa para insertar caracteres $ literales |
| $+ | Se usa para insertar una subcadena de la última coincidencia entre paréntesis |
| PS | Se usa para insertar una cadena a la derecha de la subcadena coincidente |
| $` | Se usa para insertar una cadena a la izquierda de la subcadena coincidente |
devolver los bienes
El método replace() devuelve una cadena en la que la primera o todas las apariciones de expresión_búsqueda se reemplazan por reemplazo (consulte el ejemplo a continuación, ya que el comportamiento de reemplazo depende del tipo de expresión_búsqueda).
notas
- El método replace() no cambia el valor de la cadena original.
- El método replace() devolverá diferentes resultados dependiendo de si se especifica el atributo g. Consulte el siguiente ejemplo para obtener una explicación.
ejemplo
Veamos un ejemplo de cómo usar el método replace() en JavaScript.
Cadena como expresión de búsqueda
La forma más fácil de usar el método replace() es encontrar una cadena y reemplazarla con otra cadena. Este método no implica objetos de expresión regular.
Por ejemplo:
var totn_string = 'TechOnTheNet is great';
console.log(totn_string.replace('great', 'the best'));En este ejemplo, declaramos una variable llamada totn_string, a la que se le asigna el valor de cadena “TechOnTheNet es genial”. Luego llamamos al método replace() de totn_string para buscar y reemplazar la primera coincidencia o coincidencia.
Para fines de demostración, hemos escrito el resultado del método replace() en el registro de la consola del navegador web para mostrar lo que devolvió el método replace().
Lo siguiente se enviará al registro de la consola del navegador web:
TechOnTheNet is the best
En este ejemplo, el método replace() busca la primera aparición de la cadena “great” y la reemplaza con la cadena “best”. Como puede ver, el método replace() devuelve la cadena “TechOnTheNet es lo mejor”.
Expresión regular como expresión de búsqueda (coincidencia única)
A continuación, veamos las expresiones regulares. Puede utilizar el método replace() para buscar y reemplazar la primera aparición de un patrón de expresión regular (es decir, una sola coincidencia).
Por ejemplo:
var totn_string = 'We Want to Replace the First Uppercase Character';
console.log(totn_string.replace(/[A-Z]/, 'Y'));Lo siguiente se enviará al registro de la consola del navegador web:
Ye Want to Replace the First Uppercase Character
En este ejemplo, el método replace() realiza una búsqueda de la primera aparición de un carácter en mayúscula y reemplaza ese carácter con “Y”. El método replace() devuelve la nueva cadena “Desea reemplazar el primer carácter en mayúscula”, donde “W” se reemplaza por “Y”.
Expresión regular como expresión de búsqueda (coincidencia global)
También puede usar el método replace() para buscar todas las coincidencias de un patrón de expresión regular. Esto se hace realizando una coincidencia global especificada por el atributo g.
Por ejemplo:
var totn_string = 'We Want to Replace all Uppercase Characters';
console.log(totn_string.replace(/[A-Z]/g, 'Y'));Lo siguiente se enviará al registro de la consola del navegador web:
Ye Yant to Yeplace all Yppercase Yharacters
En este ejemplo, el método replace() realiza una coincidencia global y busca todas las apariciones de caracteres en mayúsculas y los reemplaza con “Y”. Esto se hace especificando el atributo g al final de la expresión regular.
Esta vez replace() devuelve la nueva cadena “Ye Yant to Yeplace all Yppercase Yharacters”.