¿Cómo verificar si una array incluye un valor particular o no en JavaScript?

En este artículo, discutiremos la construcción de una array y luego verificaremos si algún valor en particular requerido por el usuario está incluido (o presente) en la array o no.

Pero primero veamos cómo podríamos crear una array en JavaScript usando la siguiente sintaxis:

Sintaxis: la siguiente sintaxis sería útil para cualquier usuario para la creación de una array con facilidad.

let array = [item_1 , item_2, item_3 , ...];

Ahora que hemos visto la creación de una array, veamos varios enfoques para verificar si una array incluye algún valor en sí mismo que un usuario desea revisar o no.

Los siguientes son ciertos enfoques que podemos implementar para verificar si una array incluye un valor o no:

Enfoque 1: Este es el enfoque inicial, tradicional como el más común que cualquier persona podría pensar al principio. En este enfoque, ejecutaremos un ciclo for pero antes de ejecutar el ciclo for, inicializaremos nuestra array y el valor que estamos buscando. Dentro de ese bucle for, veremos si nuestro valor está presente en nuestra array y luego, junto con el nombre del valor, devolveremos el índice de esa variable. Si el valor no está presente en nuestra array, saldremos del bucle for y luego imprimiremos un mensaje de que el valor no está presente en la array.

Ejemplo:

<script>
    let fruits_array = [
      "mango",
      "banana",
      "apple",
      "pineapple",
      "pomegranate",
      "orange",
    ];
      
    let valueChecker = (value) => {
      for (let i = 0; i < fruits_array.length; i++) {
        let current_value = fruits_array[i];
        if (value === current_value) {
          return value + " is present at index: " + i;
        }
      }
      return value + " is not included in this array..";
    };
      
    console.log(valueChecker("apple"));
    console.log(valueChecker("app"));
    console.log(valueChecker("banana"));
</script>

Producción:

apple is present at index: 2
app is not included in this array..
banana is present at index: 1

Enfoque 2: después de analizar el enfoque tradicional más utilizado anteriormente, ahora este es el enfoque más nuevo. En este enfoque, usaremos el método .includes() para verificar el valor presente en la array o no. Si el valor está presente, imprimiremos el mensaje que ilustra que el valor está presente en una array. Si el valor no está presente, imprimiremos el mensaje que ilustra que ese valor no está presente.

Ejemplo:

<script>
    let fruits_array = [
      "mango",
      "banana",
      "apple",
      "pineapple",
      "pomegranate",
      "orange",
    ];
      
    let value_1 = "apple";
    let value_2 = "app";
    console.log(fruits_array.includes(value_1));
    console.log(fruits_array.includes(value_2));
</script>

Producción:

true
false

Enfoque 3: En este enfoque, utilizaremos el método indexOf() . Al usar este método, verificaremos si el valor del índice del elemento particular que estamos buscando es mayor o igual a cero, luego imprimiremos el mensaje que ilustra que el elemento está presente en un cierto valor de índice. Si nuestro elemento no está presente en la array, mostraremos un mensaje de error que ilustra que falta el elemento en la array.

<script>
    let fruits_array = [
      "mango",
      "banana",
      "apple",
      "pineapple",
      "pomegranate",
      "orange",
    ];
      
    let checkValue = (value) => {
      if (fruits_array.indexOf(value) >= 0)
        return value + " is present at index : "
          + fruits_array.indexOf(value);
      else 
        return value + " is not present in this array";
    };
      
    console.log(checkValue("apple"));
    console.log(checkValue("app"));
    console.log(checkValue("mango"));
</script>

Producción:

apple is present at index : 2
app is not present in this array
mango is present at index : 0