17-Metodos de busqueda de cadenas en Javascript

JavaScript tiene los siguientes métodos de búsqueda

• string indexOf()
• string lastIndexOf()
• String search()
• String match()
• String matchAll()
• String includes()
• String startsWith()
• String endsWith()

---

JavaScript String indexOf()

El método indexOf() devuelve el índice de (posición de) la primera aparición de una cadena en una cadena:

Ejemplo

let str = "¡Ubique dónde ocurre 'ubicar'!";
str.indexOf("dónde");  

Respuesta 8

Nota JavaScript inicia a contar desde cero(0)

cero (0) es la primera posición, 1 la segunda y 2 la tercera

---

...

Método lastIndexOf()

el Método lastIndexOf() devuelve el índice de la última aparición de un texto especificado en una cadena:

let str = "¡Ubique dónde ocurre 'ubicar'!";
str. LastIndexOf("dónde");  

Respuesta 8

ambos métodos indexOf() y lastIndexOf() si no encuentran la palabra (el texto) devolverá -1

Ejemplo

 let text = "Please locate where 'locate' occurs!";
 text. LastIndexOf("John");

Respuesta -1

Ambos métodos aceptan un segundo parámetro como la posición inicial para el buscar:

let text = "Please locate where 'locate' occurs!";
text. IndexOf("locate", 15);

Respuesta 21

El método lastIndexOf() buscan hacia atrás (desde el final hasta el principio), es decir: si el segundo parámetro es 15, la búsqueda comienza en la posición 15 y busca hasta el principio de la cadena.

ejemplo

let text = "Please locate where 'locate' occurs!";
text. LastIndexOf("locate", 15);
    
    
Respuesta 7
    

Método String search()

Em método search() busca una cadena para una cadena (o una expresión regular) y devuelve la posición del partido

ejemplo

    let str = "Please locate where 'locate' occurs!";
    str.search("locate");
    
    
Respuesta 7
    

let str = "Please locate where 'locate' occurs!";
str.search(/locate/);
    
Respuesta 7
    

Los métodos indexOf() y search() parecen iguales, pero no lo son

El método search() no puede tomar un segundo argumento de posición de inicio.

El método indexOf() no puede tomar potentes valores de búsqueda (expresiones regulares).

Método String match()

El método String match() devuelve una matriz que contiene los resultados de la coincidencia una cadena contra una cadena (o una expresión regular).

ejemplo

buscamos la palabra "aun"

 let text = "The rain in SPAIN stays mainly in the plain";
 text.match("aun"); 
    
Respuesta 1 aun
    

Realice una búsqueda de "aun"

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/aun/);
    
Respuesta 1 aun
    

Realice una búsqueda global de "aun":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/aun/g); 
    
Respuesta 3 aun, aun, aun 
    

Realice una búsqueda global que no distinga entre mayúsculas y minúsculas para "aun":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/aun/gi);
    
Respuesta 4 aun,AUN,aun,aun
    

Si una expresión regular no incluye el modificador g (búsqueda global), match()devolverá solo la primera coincidencia en la cadena.

Método MatchAll()

El método matchAll() devuelve un iterador que contiene los resultados de la coincidencia una cadena contra una cadena (o una expresión regular).

ejemplo

let text = "I love cats. Cats are very easy to love. Cats are very popular."
const iterator = text.matchAll("Cats");
    
Respuesta Cats,Cats
    

Si el parámetro es una expresión regular, se debe establecer la bandera global (g), de lo contrario se lanza un TypeError.

let text = "I love cats. Cats are very easy to love. Cats are very popular."
const iterator = text.matchAll(/Cats/g);
    
Respuesta Cats,Cats
    

Si desea buscar sin distinción entre mayúsculas y minúsculas, se debe configurar el indicador de indiferencia (i):

let text = "I love cats. Cats are very easy to love. Cats are very popular."
const iterator = text.matchAll(/Cats/gi);
    
Respuesta cats,Cats,Cats
    

Método includes()

El método includes() devuelve verdadero si una cadena contiene un valor especificado

caso contrario devuelve false

ejemplo

Compruebe si una cadena incluye "mundo"

let text = "Hola mundo, bienvenida al universo.";
text.includes("mundo", 12);
    
Respuesta false
    

Hay que tomar otra que este método distingue mayúsculas y minúsculas

Método startsWith()

El método startsWith() devuelve true si una cadena comienza con un valor especificado

Caso contrario devuelve false

ejemplo

Devuelve verdadero:

let text = "Hello world, welcome to the universe.";
text.startsWith("Hello");
    
Respuesta true
    

Se puede especificar una posición de inicio para la búsqueda:

Devuelve false:

 let text = "Hello world, welcome to the universe.";
 text.startsWith("world", 5)
    
Respuesta false
    

Devuelve verdadero:

let text = "Hello world, welcome to the universe.";
text.startsWith("world", 6)
    
Respuesta true
    

Método endsWith()

El método endsWith() devuelve true si una cadena termina con un valor especificado.

Caso contrario devuelve false

ejemplo

Compruebe si una cadena termina con "Doe":

let text = "John Doe";
text.endsWith("Doe");
    
Respuesta true
    

Compruebe si los 11 primeros caracteres de una cadena terminan con "mundo":

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);
    
Respuesta true
    

Nota Este método distingue Mayúsculas y minúsculas

Código para ejecutar los métodos

        <!DOCTYPE html>
        <html>
        <body>
        
        <h2>JavaScript Strings</h2>
        
        <p>Compruebe los 11 primeros caracteres de una cadena que termina en "mundo":</p>
        
        <p id="demo"></p>
        
        <p>El metodo endsWith() no es suportado por Internet Explorer.</p>
        
        <script>
        let text = "Hola mundo, bienvenida al universo.";
        document.getElementById("demo").innerHTML = text.endsWith("mundo", 11);
        </script>
        
        </body>
        </html>
    

Ir al indice