Cómo verificar si un array incluye un objeto en JavaScript

En JavaScript, es común tratar con datos en arreglos y objetos. En algunos casos, es necesario verificar si un objeto existe dentro de un arreglo. Afortunadamente, JavaScript proporciona un método para hacer precisamente eso: el método includes(). En este artículo, vamos a explorar cómo utilizar este método para verificar si un objeto existe dentro de un arreglo.

Usando el método includes()

Para verificar si un arreglo incluye un objeto específico en JavaScript, se puede utilizar el método includes(). Este método toma un argumento, que es el objeto que se está buscando dentro del arreglo. Devuelve un valor booleano, true o false, indicando si el objeto fue encontrado o no.

Sintaxis

El método includes() se utiliza en un arreglo y toma un solo argumento. La sintaxis es la siguiente:
arreglo.includes(objetoBuscado)

Ejemplo

Para ilustrar cómo funciona el método includes(), consideremos el siguiente arreglo de objetos:

const estudiantes = [
{ nombre: 'Juan', edad: 20 },
{ nombre: 'Sofía', edad: 22 },
{ nombre: 'Pedro', edad: 25 }
];


Para buscar si un objeto específico existe en este arreglo, se puede utilizar el método includes() de la siguiente manera:

console.log(estudiantes.includes({ nombre: 'Juan', edad: 20 }));


Este código devolverá false, incluso si el objeto que estamos buscando es idéntico al objeto en el arreglo. Esto se debe a que JavaScript compara objetos por su referencia, no por su valor. En otras palabras, incluso si dos objetos tienen las mismas propiedades y valores, son diferentes objetos para JavaScript a menos que sean exactamente el mismo objeto.

Para buscar un objeto específico en un arreglo, se puede hacer lo siguiente:

const juan = { nombre: 'Juan', edad: 20 };
console.log(estudiantes.includes(juan));


En este caso, el código devolverá true, ya que estamos comparando la referencia al objeto que ya está en el arreglo con otra referencia al mismo objeto.

Conclusión

El método includes() es una forma sencilla de verificar si un objeto existe dentro de un arreglo en JavaScript. Es importante tener en cuenta que JavaScript compara objetos por su referencia, por lo que es necesario buscar el objeto utilizando exactamente la misma referencia.

Preguntas frecuentes

¿Puedo buscar un objeto dentro de un arreglo utilizando sus propiedades?

No es posible buscar un objeto dentro de un arreglo utilizando sus propiedades sin utilizar una función de búsqueda personalizada. El método includes() compara objetos por referencia, no por valor.

¿El método includes() funciona en todos los navegadores?

El método includes() está disponible en la mayoría de los navegadores modernos, incluyendo Chrome, Firefox, Safari y Edge. Sin embargo, puede haber casos en los que el método no esté disponible, especialmente en navegadores más antiguos. En esos casos, es posible utilizar una función de búsqueda personalizada.

¿Qué debo hacer si el objeto no existe en el arreglo?

Si el objeto que está buscando no existe en el arreglo, el método includes() devolverá false. Puede utilizar esto para tomar decisiones en consecuencia en su código. O bien, puede agregar el objeto al arreglo utilizando el método push() si ese es su objetivo.

¿Puedo utilizar el método includes() en arreglos de caracteres?

Sí, el método includes() también funciona en arreglos de caracteres. Puede buscar un carácter específico dentro de un arreglo de caracteres utilizando el método de la siguiente manera: arreglo.includes('a')

Ejemplos de codigos y comandos

Aquí hay un código completo que ilustra el uso del método includes() para verificar si un objeto existe en un arreglo:

const estudiantes = [
{ nombre: 'Juan', edad: 20 },
{ nombre: 'Sofía', edad: 22 },
{ nombre: 'Pedro', edad: 25 }
];

const otroEstudiante = { nombre: 'María', edad: 18 };
console.log(estudiantes.includes(otroEstudiante)); // Devuelve false


Elimina todos los estilos de un elemento usando JavaScript

Cómo convertir un objeto de JavaScript a JSON

¿Qué es el operador "in" en JavaScript?

Cómo convertir una cadena a número decimal en JavaScript

JavaScript: Estructura de datos Set: Intersección

Filtrar Strings en un Array En Base a su Contenido (Valor de Búsqueda de Filtro)

Cómo cambiar el color de fondo en JavaScript

Cómo seleccionar Onchange en JavaScript

Las funciones tf.ones() y tf.zeros() en Tensorflow.js