Comprobar si elemento existe en arreglo de Javascript

Introducción

Veamos hoy cómo comprobar si un valor o elemento existe dentro de un arreglo de Javascript. Recordemos que un arreglo en Javascript es una lista de valores.

En ocasiones, es necesario buscar la posición de determinado elemento, o tal vez sólo comprobar si existe dentro de un array, arreglo, vector o lista. Dicho con otras palabras, veremos cómo checar si un elemento está presente. Recientemente en ES6 se introdujo un nuevo método que veremos a continuación.

Obtener índice de un elemento dentro de un arreglo

Utilizamos indexOf, que yo traduzco como “índice de”. Es fácil, es un método que tienen los arreglos y que recibe el valor a buscar. Devuelve la posición del elemento, o -1 si no lo encuentra. A diferencia de Python, éste no genera ninguna excepción.

var agentes = ["Will Graham", "Clarice Starling", "Alex Cross"];

var indice = agentes.indexOf("Will Graham"); // Buscar índice de Will Graham
//indice es 0

var otroIndice = agentes.indexOf("Thomas Pierce"); //No existe
//otroIndice es -1

Con esto podemos obtener el índice, que recordemos comienza a contarse desde el 0. Es decir, el primer elemento tiene el índice 0, el segundo el 1, y así.

Comprobar si valor existe en arreglo

Anteriormente se utilizaba únicamente indexOf y se comprobaba el resultado del mismo con -1. Es decir, si el índice era -1 entonces no existía. Recientemente se introdujo otro método. Veamos ambos.

Comprobar si existe con indexOf

Tomando el ejemplo de arriba, podemos ver si Thomas Pierce existe así:

var agentes = ["Will Graham", "Clarice Starling", "Alex Cross"];

var indice = agentes.indexOf("Thomas Pierce");

if(indice !== -1){
  console.log("Thomas Pierce está presente");
}else{
  console.log("No encontrado");
}

Sólo comparamos para ver si es -1. En caso de que lo sea, es que no está presente dentro de la lista.

Comprobar si existe con includes

Como lo dije, se ha introducido un método más elegante. Podemos rescribir lo de arriba de esta manera:

var agentes = ["Will Graham", "Clarice Starling", "Alex Cross"];

if(agentes.includes("Thomas Pierce")){
  console.log("Thomas Pierce está presente");
}else{
  console.log("No encontrado");
}

Como el lector puede apreciar, el método o función includes devuelve un booleano. En caso de que exista, devuelve true; y si no, pues devuelve false.

Conclusión

Si necesitamos el índice, usemos indexOf. Si sólo queremos ver si existe, utilizamos includes. Por cierto, lo hicimos con cadenas pero funciona con números igualmente. Y con otros tipos de datos.

Aquí las referencias a indexOf e includes:

Array.indexOf

Array.includes