A continuación se muestra el ejemplo del método String include().
Ejemplo:
javascript
<!DOCTYPE html>
<html>
<body>
<p id="GFG"></p>
<script>
var str = "Welcome to GeeksforGeeks.";
var check = str.includes("Geeks");
document.getElementById("GFG").innerHTML = check;
</script>
</body>
</html>
Producción:
true
En JavaScript, el método include() determina si una string contiene o no los caracteres dados. Este método devuelve verdadero si la string contiene los caracteres; de lo contrario, devuelve falso.
Nota: El método include() distingue entre mayúsculas y minúsculas, es decir, tratará los caracteres en mayúsculas y minúsculas de manera diferente.
Sintaxis:
string.includes(searchvalue, start)
Parámetros utilizados:
- valor de búsqueda: Es la string en la que se realizará la búsqueda.
- inicio: Esta es la posición desde donde se procesará la búsqueda
(aunque este parámetro no es necesario si no se menciona, la búsqueda comenzará desde el inicio de la string). - Devuelve un booleano verdadero que indica la presencia o devuelve un falso que indica la ausencia.
Ejemplos:
Input : Welcome to GeeksforGeeks.
str.includes("Geeks");
Output : true
Explicación: Dado que el segundo parámetro no está definido, la búsqueda se realizará desde el índice inicial. Y buscará Geeks, ya que está presente en la string, devolverá un verdadero.
Input: Welcome to GeeksforGeeks. Output: false
Explicación: Incluso en este caso, el segundo parámetro no está definido, por lo que la búsqueda se realizará desde el índice de inicio. Pero como este método distingue entre mayúsculas y minúsculas, tratará las dos strings de manera diferente y, por lo tanto, devolverá un valor booleano falso.
Ya que distingue entre mayúsculas y minúsculas.
Los códigos para la función anterior se proporcionan a continuación.
Código 1:
javascript
<!DOCTYPE html>
<html>
<body>
<p id="GFG"></p>
<script>
var str = "Welcome to GeeksforGeeks.";
var check = str.includes("Geeks");
document.getElementById("GFG").innerHTML = check;
</script>
</body>
</html>
Producción:
false
Código 2:
javascript
<!DOCTYPE html>
<html>
<body>
<p id="GFG"></p>
<script>
var str = "Welcome to GeeksforGeeks.";
var check = str.includes("geeks");
document.getElementById("GFG").innerHTML = check;
</script>
</body>
</html>
Producción:
false
Código 3:
javascript
<!DOCTYPE html>
<html>
<body>
<p id="GFG"></p>
<script>
var str = "Welcome to GeeksforGeeks.";
var check = str.includes("o", 17);
document.getElementById("GFG").innerHTML = check;
</script>
</body>
</html>
Producción:
true
Código 4:
javascript
<!DOCTYPE html>
<html>
<body>
<p id="GFG"></p>
<script>
var str = "Welcome to GeeksforGeeks.";
var check = str.includes("o", 18);
document.getElementById("GFG").innerHTML = check;
</script>
</body>
</html>
Producción:
false
Excepciones:
- La búsqueda no se procesará si el segundo parámetro, es decir, el índice calculado (índice inicial) es mayor o igual que la longitud de la string y, por lo tanto, devuelve falso.
javascript
<!DOCTYPE html>
<html>
<body>
<p id="GFG"></p>
<script>
var str = "Welcome to GeeksforGeeks.";
var check = str.includes("o", 25);
document.getElementById("GFG").innerHTML = check;
</script>
</body>
</html>
Producción:
false
- Si el índice calculado (índice de inicio), es decir, la posición desde la que comenzará la búsqueda es inferior a 0, se buscará en toda la array.
javascript
<!DOCTYPE html>
<html>
<body>
<p id="GFG"></p>
<script>
var str = "Welcome to GeeksforGeeks.";
var check = str.includes("o", -2);
document.getElementById("GFG").innerHTML = check;
</script>
</body>
</html>
Producción:
true
Navegador compatible:
- Chrome 41 y superior
- Borde 12 y superior
- Firefox 40 y superior
- Ópera 28 y superior
- Safari 9 y superior
JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .