Esta publicación ilustrará el objetivo, el uso y el funcionamiento del metacarácter '\b' en RegExp de JavaScript.
¿Qué hace el metacarácter '\b' en RegExp de JavaScript?
El ' \b El metacarácter en JavaScript se basa en la posición del patrón, es decir, antes y después. Para encontrar el patrón en la posición inicial, especifíquelo después del metacarácter '\b', y para la posición final, escríbalo antes de '\b'.
Sintaxis (básica)
/ \b /La sintaxis básica de “\d” contiene:
- /(Barra inclinada): Especifica los límites de la expresión regular y es equivalente a /[\d]/.
- \(barra invertida): Escapa de la barra invertida y trata al siguiente carácter mencionado como un metacarácter.
- d: Coincide con el patrón colocado al principio o al final de la cadena de entrada.
Sintaxis (con modificadores)
/ \b / [ g, yo, m ] O nuevo RegExp ( ' \\ b' , '[g, yo, m' )En esta sintaxis:
- g(mundial): Busca globalmente y encuentra todas las coincidencias. No se detiene después del primer partido.
- i (no distingue entre mayúsculas y minúsculas): Ignora la distinción entre mayúsculas y minúsculas.
- m (múltiple): Especifica la búsqueda de línea multilínea y solo está restringida en '^ (inicio de la cadena)' y '$ (final de la cadena)'.
Sintaxis (Con RegExp() Constructor)
El metacarácter '\b' también se puede utilizar como un objeto RegExp con el ' expresión regular() constructor:
nuevo RegExp ( ' \\ b' )
En la sintaxis anterior:
- nuevo: Representa el operador o la palabra clave que crea un objeto a partir de un constructor.
- expresión regular(): Denota el constructor que trabaja en el “ \\b ” metacarácter en la forma del primer parámetro/argumento.
Ejemplo 1: aplicar el metacarácter '\b' para buscar un patrón específico en la posición de inicio según la sintaxis del modificador (/\b/g)
Este ejemplo explica el funcionamiento del “ \b ” metacarácter con el apoyo adicional del “ g(mundial) ” modificador para buscar el patrón especificado globalmente al comienzo de la cadena especificada.
código HTML
En primer lugar, revise el siguiente código HTML:
< h2 > Patrón de búsqueda usando RegExp \b Metacharacter h2 >< pag > Cadena : Bienvenido al sitio web de Linuxhint pag >
< botón al hacer clic = 'buscar()' > Pinchalo ! botón >
< identificación p = 'muestra' > pag >
En el código anterior:
- El ' La etiqueta ” define el primer subtítulo.
- En el siguiente paso, el “ La etiqueta ” crea un párrafo que especifica la cadena indicada.
- El '
La etiqueta ” agrega un botón que tiene un “ ondblclick ” evento redirigiendo a la función “ encontrar() ” que se activará al hacer doble clic en el botón. - Después de eso, el “ ” denota el segundo párrafo vacío asignado a una identificación “ muestra ” para mostrar el patrón buscado.
Código JavaScript
A continuación, considere el siguiente código JavaScript:
< guion >función de búsqueda ( ) {
calle lima = 'Bienvenido al sitio web de Linuxhint' ;
era texto = / \convertirse / gramo ;
cada partido = calle fósforo ( texto ) ;
documento. getElementById ( 'muestra' ) . HTML interno = 'Total ' + fósforo. longitud + 'coincidencias encontradas en la cadena dada:' + fósforo ;
}
guion >
En las líneas de código anteriores:
- En primer lugar, defina la función “ buscar() ”.
- En la definición de la función, una variable “ calle ” de tipo de datos “ era ” se declara que almacena la cadena indicada entre comillas dobles.
- La segunda variable “ texto ” define la sintaxis del “ \b ” metacarácter con el “ Eso ” patrón y el “ gramo ” indicador/modificador de búsqueda global. Es tal que encontrará el “ Eso patrón ” al comienzo de cada palabra presente en la cadena especificada.
- Después de eso, asocie el “ fósforo() ” para hacer coincidir el patrón “Li” usando su valor “/\bLi/g” de la cadena.
- Al final, el “ documento.getElementById() El método buscará el párrafo a través de su id 'muestra' para mostrar el total de coincidencias de la palabra especificada, es decir, 'Li' usando el ' longitud ' propiedad.
Producción
La salida muestra que solo hay un ' 1 (cuál) ” coincidencia encontrada en la cadena especificada.
Ejemplo 2: aplicar el metacarácter '\b' para buscar un patrón específico en la posición final según la sintaxis del modificador (/\b/g)
Para encontrar el patrón específico al final de la cadena, especifíquelo antes de la ubicación de '\b' en su sintaxis como esta ' /patrón\b/g ”. Teniendo esto en cuenta, encontraremos el “ Nosotros patrón ” al final de la cadena de entrada.
El código HTML es el mismo que en el Ejemplo 1. Entonces, pase al código JavaScript.
Código JavaScript
El código JavaScript modificado está escrito aquí:
< guion >función de búsqueda ( ) {
calle lima = 'Bienvenido a LinuxhintWe WebsiteWe' ;
era texto = / Web / gramo ;
cada partido = calle fósforo ( texto ) ;
documento. getElementById ( 'muestra' ) . HTML interno = 'Total ' + fósforo. longitud + ' coincidencias encontradas en la cadena dada: ' + fósforo ;
guion >
En el bloque de código anterior, el ' /Nosotros El patrón ” se especifica al principio del “ \b ” metacarácter a “ g (globalmente) búsquelo desde la cadena especificada a través del método discutido 'match ()'.
Producción
La salida muestra que “ 2 ” partidos de “ Nosotros ” se encuentran al final de la cadena de entrada dada al hacer doble clic en el botón.
Conclusión
JavaScript RegExp proporciona el ' \b ” metacarácter que establece el límite de la palabra para que coincida con el patrón especificado desde el principio y el final de la cadena. Al igual que otros metacaracteres, también se detiene en la primera coincidencia y devuelve su valor. Para buscar la cadena por completo, también se puede utilizar con un adicional ' g(mundial) ” modificador. Esta publicación proporcionó una breve descripción del funcionamiento del metacarácter '\b' en RegExp de JavaScript.