Luis Palomo
Un día quiero conocer al que tiene un bat de mascota jaja
Nicolas Molina
ProfesorMaybe Batman?
Julian Franco
@DavidSaavedra
Pero muy crazy el man comerce a su máscota.
El método includes determina si un array o string incluye un determinado elemento. Devuelve true o false, si existe o no respectivamente.
Este método recibe dos argumentos:
Índices positivos y negativos
Los índices positivos comienzan desde 0 hasta la longitud total menos uno, de izquierda a derecha del array.
[0,1,2,3, ...., lenght-1]
Los índices negativos comienzan desde -1 hasta el negativo de la longitud total del array, de derecha a izquierda.
[-lenght, ..., -3, -2, -1]
Diferencia entre la estructura for y el método includes
Los métodos de arrays nos permiten realizar algoritmos con una menor cantidad de líneas que una estructura for, con un resultado igual o parecido.
Por ejemplo, hagamos un algoritmo que indique si en un array existe un elemento en específico.
Si utilizamos la estructura for, necesitaremos una variable de tipo booleana con el valor false e iterar hasta que encuentre el elemento específico. La palabra reservada break rompe el ciclo repetitivo.
const pets = [ "cat", "dog", "bat" ] let includeInArray = false for (let i = 0; i < pets.length; i++){ const item = pets[i] if (item === "cat"){ includeInArray = true break } } console.log(includeInArray) // true
Ejemplos utilizando el método includes
El método includes se utiliza para arrays y strings. El método es sensible a mayúsculas, minúsculas y espacios.
//Utilizando strings const saludo = "Hola mundo" saludo.includes("Hola") // true saludo.includes("Mundo") // false saludo.includes(" ") // true saludo.includes("Hola", 1) // false saludo.includes("mundo", -5) // true
// Utilizando arrays const frutas = ["manzana", "pera", "piña", "uva"] frutas.includes("manzana") // true frutas.includes("Pera") // false frutas.includes("sandía") // false frutas.includes("manzana", 1) // false frutas.includes("piña", -1) // false frutas[0].includes("man") // true
Contribución creada por: Andrés Guano.
Resumen
.
El método includes() determina si una array incluye un determinado elemento, devuelve true o false según corresponda.
const array1 = [1, 2, 3]; console.log(array1.includes(2)); // expected output: true const pets = ['cat', 'dog', 'bat']; console.log(pets.includes('cat')); // expected output: true console.log(pets.includes('at')); // expected output: false
También posee un segundo parámetro que es el fromIndex, que es la posición donde comenzar a buscar el valor en el array.
[1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, 3].includes(3, 3); // false [1, 2, 3].includes(3, -1); // true [1, 2, NaN].includes(NaN); // true
Este fromIndex sí es igual o mayor que el tamaño del array, devuelve false automaticamente sin buscar en el vector. Sí el fromIndex es negativo busca en todo el array. Y para los casos 0, -0, +0 lo toma como cero y también lee todo el array.
Luis Palomo
Un día quiero conocer al que tiene un bat de mascota jaja
Nicolas Molina
ProfesorMaybe Batman?
Julian Franco
@DavidSaavedra
Pero muy crazy el man comerce a su máscota.
Obed Paz
Me gusta mas el metodo some para los arrays, y dejar includes para los strings.
John Jairo Rodriguez Rivas
includes es mas simple que some, al no recibir una funcion para funcionar, a menos que tratemos con objetos dentro de los arrays, es mas sencillo usar includes
Gustavo Adolfo Perez Ramos
Includes: Funciona para arrays y string
Rodrigo Ramos Xochiteotzin
Nunca está de más recordar que un string es un array de caracteres
Gustavo Adolfo Perez Ramos
Includes: NO recibe una funcion de flecha, debemos pasar el elemento que queremos buscar.
Juan Pablo Cortés
El método .includes() puede tener 2 argumentos. Ej:
array.includes(search, index);
En el segundo argumento indicamos la posición desde la cual se debe buscar.
const pets = [ "cat", "dog", "bat", "duck", "mouse"]; pets.includes("dog", 2); // false pet.includes("dog", 1); // true
Natalia Gallego Heras
Ver a los profesores buscar y corregir sus propios errores me parece mil veces más valioso que verlos hacer una ejecución perfecta 🤸🏽🏋🏾♂️ porque nos da dos informaciones clave: dónde poner más atención al escribir 👀💻 y dónde ir a buscar primero 🏃🏻♀️ si ya se ha producido el error💻🔥.
Cristian Fernando Villca Gutierrez
Mi aporte para esta clase:
includes para cadenas o arreglos de primitivossome para arreglos de objetos
Es una manera fácil de recordar cuando usar uno u el otro.Rafael Martínez Rodríguez
Buena aclaración. Muchas gracias.
Edgardo Molina Gonzalez
Y yo sufriendo porque me había dado false jajajaja me había adelantado al ejercicio y no entendía que estaba pasando!
José Antonio Sterling Sánchez
Codigo usado en esta clase.
const pets = ['cat','dog','bat']; let includeInArray = false; for (let index = 0; index < pets.length; index++) { const element = pets[index]; if (element === 'dog'){ includeInArray = true; break; } } console.log('for', includeInArray); const rta = pets.includes('dog'); console.log('include', rta);
Miguel Angel Hernandez Colombo
me encanta este curso! creo que sera muy valioso!
Sergio Javier Lopez Olivera
Si se dieron cuenta, el método "some" a diferencia del "includes" recibe como parámetro una función, es decir que retornará un true si al menos 1 elemento cumple con la condición impuesta por some. . En cambio includes te arroajará si existe un elemento dentro del array o string, puesto que su argumento principal es el elemento a hacer match
Jesús Álvarez
Who has a bat for a pet? Cringe
Luis Alejandro Vera Hernandez
jajaja buena observacion
Yuliam Rivera González
Cause it's Batman 🦇
Leobardo Licona Soto
Método includes: dice si un elemento esta adentro o no de un array o string
const pets = ['cat', 'dog', 'bat'] const rta2 = pets.includes('dog') console.log('Includes:', rta2);
Gustavo Adolfo Perez Ramos
Includes: Evalua si un elemento existe dentro del array
Julio Manuel Nieto
Gracias, es increíble cuando se equivocan, muestran su error y explican el porque. Que buena clase
Rodrigo Andrés Moreno Pertúz
mmmm aqui se le da tratamiento a un array de un primer nivel pero que pasa si el array contiene objetos o otros arrays como en la vida real?, cual seria la funcion que recorra cada valor de cada cosa?
Eduardo Peña Ramos
índices o items.Rodrigo Andrés Moreno Pertúz
Si lo resolvi hace tiempo, pero no es facil
Daniel Flores
🔠 Buscar con includes() en Arrays y Strings
🧠 ¿Qué hace? Comprueba si un valor existe dentro de un array o string.
true ✅ si lo encuentrafalse ❌ si no está
✅ Inmutable📥 Sintaxis:
jsCopiarEditararray.includes(valor, desdeIndice);
string.includes(valor, desdeIndice);
🧭 Índices:
0 → length - 1-1 → -length🧪 Ejemplos con arrays:
jsCopiarEditarconst frutas = ["manzana", "pera", "piña"];
frutas.includes("pera"); // true ✅
frutas.includes("Pera"); // false ❌ (sensible a mayúsculas)
frutas.includes("piña", -1); // true ✅ (desde el último)
frutas.includes("manzana", 1); // false ❌ (busca desde posición 1)
🧪 Ejemplos con strings:
jsCopiarEditarconst saludo = "Hola mundo";
saludo.includes("Hola"); // true
saludo.includes("Mundo"); // false
saludo.includes(" "); // true (espacio cuenta)
saludo.includes("mundo", -5); // true
👴 ¿for vs. includes()?
for clásico🧠 includesMás líneas + breakMuy directo ✂️Comparación manualIdeal para búsquedas simples ✅
📌 Tips clave:
frutas[0].includes("man") // trueBeder Danilo Casa Condori
Para utilizar el método includes en JavaScript, considera el siguiente ejemplo:
const mascotas = ['perro', 'gato', 'hamster']; const tienePerro = mascotas.includes('perro'); console.log(tienePerro); // Imprime: true
En este caso, includes verifica si el elemento 'perro' está dentro del array mascotas. Si existe, devuelve true, de lo contrario, false. Este método es más eficiente y menos verboso que usar un bucle para comprobar la existencia de un elemento en el array.
Javier Raul Valencia Duque
const animals = [ 'gato' ,'perro' ,'jirafa' ].includes( 'gato' ); console.log( animals );