Búsqueda de cadenas de JavaScript
Métodos de búsqueda de JavaScript
- Cadena indexOf()
- Cadena últimoÍndiceDe()
- La cadena comienza con()
- La cadena termina con()
Cadena JavaScript indexOf()
El indexOf()método devuelve el índice de (la posición de) la firstaparición de un texto específico en una cadena:
Ejemplo
let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");
Nota
JavaScript cuenta posiciones desde cero.
0 es la primera posición en una cadena, 1 es la segunda, 2 es la tercera, ...
Cadena JavaScript lastIndexOf()
El lastIndexOf()método devuelve el índice de la última
aparición de un texto específico en una cadena:
Ejemplo
let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");
Ambos indexOf()y lastIndexOf()devuelven -1 si no se encuentra el texto:
Ejemplo
let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");
Ambos métodos aceptan un segundo parámetro como posición inicial de la búsqueda:
Ejemplo
let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);
Los lastIndexOf()métodos buscan hacia atrás (desde el final hasta el principio), lo que significa: 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 str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);
Búsqueda de cadenas de JavaScript ()
El search()método busca una cadena para un valor específico y devuelve la posición de la coincidencia:
Ejemplo
let str = "Please locate where 'locate' occurs!";
str.search("locate");
¿Te diste cuenta?
¿ Los dos métodos, indexOf()y search(), son iguales?
¿Aceptan los mismos argumentos (parámetros) y devuelven el mismo valor?
Los dos métodos NO son iguales. Estas son las diferencias:
- El
search()método no puede aceptar un segundo argumento de posición inicial. - El
indexOf()método no puede tomar valores de búsqueda poderosos (expresiones regulares).
Aprenderá más sobre las expresiones regulares en un capítulo posterior.
Coincidencia de cadena de JavaScript ()
El método match() busca en una cadena una coincidencia con una expresión regular y devuelve las coincidencias, como un objeto Array.
Ejemplo 1
Busque una cadena para "ain":
let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);
Lea más sobre expresiones regulares en el capítulo JS RegExp .
Nota
Si una expresión regular no incluye el modificador g (para realizar una búsqueda global ), el método match() devolverá solo la primera coincidencia en la cadena.
Sintaxis
string.match(regexp)
| regexp | Required. The value to search for, as a regular expression. |
| Returns: | An Array, containing the matches, one item for each match, or null if no match is found |
Ejemplo 2
Realice una búsqueda global que no distinga entre mayúsculas y minúsculas para "ain":
let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);
La cadena de JavaScript incluye ()
El includes()método devuelve verdadero si una cadena contiene un valor especificado.
Ejemplo
let text = "Hello world, welcome to the universe.";
text.includes("world");
Sintaxis
string.includes(searchvalue, start)
| searchvalue | Required. The string to search for |
| start | Optional. Default 0. Position to start the search |
| Returns: | Returns true if the string contains the value, otherwise false |
| JS Version: | ES6 (2015) |
Compruebe si una cadena incluye "mundo", comenzando la búsqueda en la posición 12:
let text = "Hello world, welcome to the universe.";
text.includes("world", 12);
Compatibilidad con navegador
includes()es una característica de ES6 (JavaScript 2015).
Es compatible con todos los navegadores modernos:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
includes()no es compatible con Internet Explorer.
La cadena de JavaScript comienza con ()
El startsWith()método regresa true
si una cadena comienza con un valor específico, de lo contrario false:
Ejemplo
let text = "Hello world, welcome to the universe.";
text.startsWith("Hello");
Sintaxis
string.startsWith(searchvalue, start)
Valores paramétricos
| Parameter | Description |
|---|---|
| searchvalue | Required. The value to search for. |
| start | Optional. Default 0. The position to start the search. |
Ejemplos
let text = "Hello world, welcome to the universe.";
text.startsWith("world") // Returns false
let text = "Hello world, welcome to the universe.";
text.startsWith("world", 5) // Returns false
let text = "Hello world, welcome to the universe.";
text.startsWith("world", 6) // Returns true
Nota
El startsWith()método distingue entre mayúsculas y minúsculas.
Compatibilidad con navegador
startsWith()es una característica de ES6 (JavaScript 2015).
Es compatible con todos los navegadores modernos:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
startsWith()no es compatible con Internet Explorer.
La cadena de JavaScript termina con ()
El endsWith()método regresa true
si una cadena termina con un valor específico, de lo contrario false:
Ejemplo
Compruebe si una cadena termina con "Doe":
var text = "John Doe";
text.endsWith("Doe");
Sintaxis
string.endswith(searchvalue, length)
Valores paramétricos
| Parameter | Description |
|---|---|
| searchvalue | Required. The value to search for. |
| length | Optional. The length to search. |
Compruebe los 11 primeros caracteres de una cadena que termina en "mundo":
let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);
Nota
El endsWith()método distingue entre mayúsculas y minúsculas.
Compatibilidad con navegador
endsWith()es una característica de ES6 (JavaScript 2015).
Es compatible con todos los navegadores modernos:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
endsWith()no es compatible con Internet Explorer.
Referencia de cadena completa
Para obtener una referencia completa de String, vaya a nuestro:
Referencia completa de cadenas de JavaScript .
La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de cadenas.