Expresiones Regular
Las expresiones regulares se usan para buscar y reemplazar textos desde una cadena de caracteres (string).
Expresiones Regular con el Método search()
El
método search() retorna la posición de la palabra que se busca dentro
de un texto, si la palabra no existe el valor del método search() es -1.
Es sensible a mayúscula y minúscula.
En el Código 121, al cargar la página, el método search() busca la palabra colibrís dentro de la varible texto que tiene el texto Amo a los colibris y la palabra colibrís lo ubica en la posición 10 que es el valor que tiene la variable buscar.
Pegar enlace en la url del explorador web y descarga el archivo:
Código 121: Método search()
<!-- Archivo: codigo121.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
<!-- La etiqueta meta que da el formato en español -->
<meta charset="UTF-8">
<!-- Título en la pestaña del navegador -->
<title> Ejercicio </title>
</head>
<body>
<!-- Códigos de JavaScript -->
<script>
// Variables
var texto = "Amo a los colibrís";
var buscar = texto.search("colibrís");
// Mostrar en pantalla
document.write(texto);
document.write("<br/>");
document.write(buscar);
</script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo121.html
En la Figura 136, al cargar la página aparece el texto Amo a los colibrís y la palabra colibrís está en la posición 10.
Código 121: Método search()
Expresiones Regular con el Método replace()
El método replace() busca la palabra dentro de un texto y lo reemplaza por otra palabra.
En
el Código 122, al cargar la página, el método replace() busca la
palabra JavaScript dentro de la varible texto1 que tiene el texto
JavaScript es divertido, Amo JavaScript y lo reemplaza con la palabra
PHP y el texto nuevo lo asigna en la variable texto2.
Código 122: Método replace()
<!-- Archivo: codigo122.html -->
<!-- Documento HTML5 -->
<!DOCTYPE html>
<html>
<head>
<!-- La etiqueta meta que da el formato en español -->
<meta charset="UTF-8">
<!-- Título en la pestaña del navegador -->
<title> Ejercicio </title>
</head>
<body>
<!-- Códigos de JavaScript -->
<script>
// Variables
var texto1 = "JavaScript es divertido, Amo JavaScript";
var texto2 = texto1.replace(/JavaScript/g,"PHP");
// Mostrar en pantalla
document.write(texto1);
document.write("<br/>");
document.write(texto2);
</script>
</body>
</html>
Enlace: localhost/js_ajax_jquery/codigo122.html
En
la Figura 137, al cargar la página aparece el texto JavaScript es
divertido, Amo JavaScript y el texto PHP es divertido, Amo PHP donde la
palabra JavaScript se reemplaza con la palabra PHP.
Comentarios
Publicar un comentario