Disons que j'ai ceci:

var blockedTile = new Array("118", "67", "190", "43", "135", "520");

Il y a plus d'éléments de tableau, mais ce ne sont que quelques-uns pour des raisons de lisibilité. Quoi qu'il en soit, je pourrais faire une boucle "for" mais cela ferait 500 boucles à chaque fois que vous cliquez sur la carte ... y a-t-il un autre moyen de voir si une certaine chaîne est dans un tableau?

Essaye ça:

if(blockedTile.indexOf("118") != -1)
{  
   // element found
}

Comme mentionné précédemment, si votre navigateur prend en charge indexOf(), tant mieux! Sinon, vous devez le pollyfil ou vous fier à une ceinture utilitaire telle que lodash / underscore .

Je voulais juste ajouter ce nouvel ajout ES2016 (pour garder cette question à jour):

Array.prototype.includes ()

if (blockedTile.includes("118")) {
    // found element
}

function in_array(needle, haystack){
    var found = 0;
    for (var i=0, len=haystack.length;i<len;i++) {
        if (haystack[i] == needle) return i;
            found++;
    }
    return -1;
}
if(in_array("118",array)!= -1){
//is in array
}

Utilisez Underscore.js

Il est compatible avec tous les navigateurs et peut effectuer une recherche binaire si vos données sont triées.

_.Indice de

_.indexOf (array, value, [isSorted]) Renvoie l'index auquel la valeur peut être trouvée dans le tableau, ou -1 si la valeur n'est pas présente dans le tableau. Utilise la fonction native indexOf sauf si elle est manquante. Si vous travaillez avec un grand tableau et que vous savez que le tableau est déjà trié, passez true pour isSorted pour utiliser une recherche binaire plus rapide.

Exemple

//Tell underscore your data is sorted (Binary Search)
if(_.indexOf(['2','3','4','5','6'], '4', true) != -1){
    alert('true');
}else{
    alert('false');   
}

//Unsorted data works to!
if(_.indexOf([2,3,6,9,5], 9) != -1){
    alert('true');
}else{
    alert('false');   
}

Certains navigateurs prennent en charge Array.indexOf() .

Sinon, vous pourriez augmenter l' Arrayobjet via son prototype comme ça ...

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(searchElement /*, fromIndex */)
  {
    "use strict";

    if (this === void 0 || this === null)
      throw new TypeError();

    var t = Object(this);
    var len = t.length >>> 0;
    if (len === 0)
      return -1;

    var n = 0;
    if (arguments.length > 0)
    {
      n = Number(arguments[1]);
      if (n !== n) // shortcut for verifying if it's NaN
        n = 0;
      else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0))
        n = (n > 0 || -1) * Math.floor(Math.abs(n));
    }

    if (n >= len)
      return -1;

    var k = n >= 0
          ? n
          : Math.max(len - Math.abs(n), 0);

    for (; k < len; k++)
    {
      if (k in t && t[k] === searchElement)
        return k;
    }
    return -1;
  };
}

Source .

Utilisez simplement à votre goût:

var blockedTile = [118, 67, 190, 43, 135, 520];

// includes (js)

if ( blockedTile.includes(118) ){
    console.log('Found with "includes"');
}

// indexOf (js)

if ( blockedTile.indexOf(67) !== -1 ){
    console.log('Found with "indexOf"');
}

// _.indexOf (Underscore library)

if ( _.indexOf(blockedTile, 43, true) ){
    console.log('Found with Underscore library "_.indexOf"');
}

// $.inArray (jQuery library)

if ( $.inArray(190, blockedTile) !== -1 ){
    console.log('Found with jQuery library "$.inArray"');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

La meilleure façon de le faire en 2019 est d'utiliser .includes()

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, 3].includes(1, 2);  // false

Le premier paramètre est ce que vous recherchez. Le deuxième paramètre est la position d'index dans ce tableau à partir de laquelle commencer la recherche.

Si vous avez besoin d'être croisé ici, il existe de nombreuses réponses héritées.

if(array.indexOf("67") != -1) // is in array

Déjà répondu ci-dessus mais je voulais partager.

Ne fonctionnera pas dans IE cependant. merci de l'avoir mentionné @Mahmoud

var array1 = [1, 2, 3];

console.log(array1.includes(2));
// expected output: true

var pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));
// expected output: true

console.log(pets.includes('at'));
// expected output: false

obtenu une référence ici . ils ont également Polyfill pour ci-dessus.

Selon la version de JavaScript dont vous disposez, vous pouvez utiliser indexOf:

Renvoie le premier index auquel un élément donné peut être trouvé dans le tableau, ou -1 s'il n'est pas présent.

Ou some:

Teste si un élément du tableau réussit le test implémenté par la fonction fournie.

Mais, si vous faites beaucoup ce genre de vérification d'existence, vous feriez mieux d'utiliser un objet pour stocker vos chaînes (ou peut-être un objet ainsi que le tableau en fonction de ce que vous faites avec vos données).

J'utiliserais une structure de données différente, car le tableau ne semble pas être la meilleure solution.

Au lieu d'un tableau, utilisez un objet comme table de hachage, comme ceci:

(posté aussi dans jsbin )

var arr = ["x", "y", "z"];
var map = {};
for (var k=0; k < arr.length; ++k) {
  map[arr[k]] = true;
}

function is_in_map(key) {
  try {
    return map[key] === true;
  } catch (e) {
    return false;
  }
}


function print_check(key) {
  console.log(key + " exists? - " + (is_in_map(key) ? "yes" : "no"));
}

print_check("x");
print_check("a");

Sortie de la console:

x exists? - yes
a exists? - no

C'est une solution simple. Si vous préférez une approche orientée objet, recherchez "js hashtable" sur Google .

IMHO le plus compatible avec les navigateurs plus anciens

Array.prototype.inArray = function( needle ){

    return Array(this).join(",").indexOf(needle) >-1;

}

var foods = ["Cheese","Onion","Pickle","Ham"];
test = foods.inArray("Lemon");
console.log( "Lemon is " + (test ? "" : "not ") + "in the list." );

En transformant une copie de tableau en une chaîne CSV, vous pouvez tester la chaîne dans les navigateurs plus anciens.

Pourquoi n'utilisez-vous pas Array.filter?

var array = ['x','y','z'];
array.filter(function(item,index,array){return(item==YOURVAL)}).

Copiez simplement cela dans votre code, et c'est parti:

Array.prototype.inArray = function (searchedVal) {
return this.filter(function(item,index,array){return(item==searchedVal)}).length==true
}

dans l'exemple de tableau, c'est la même chose en php (in_array)

 var ur_fit = ["slim_fit", "tailored", "comfort"];
 var ur_length = ["length_short", "length_regular", "length_high"];
    if(ur_fit.indexOf(data_this)!=-1){
        alert("Value is avail in ur_fit array");
    }
    else if(ur_length.indexOf(data_this)!=-1){      
         alert("value is avail in ur_legth array"); 

    }

var myArray = [2,5,6,7,9,6];
myArray.includes(2) // is true
myArray.includes(14) // is false

Vous pouvez essayer le code ci-dessous. Vérifiez http://api.jquery.com/jquery.grep/

var blockedTile = new Array("118", "67", "190", "43", "135", "520");
var searchNumber = "11878";
arr = jQuery.grep(blockedTile, function( i ) {
  return i === searchNumber;
});
if(arr.length){ console.log('Present'); }else{ console.log('Not Present'); }

vérifiez arr.length si elle est supérieure à 0 signifie que la chaîne est présente sinon elle n'est pas présente.

Je pense que le moyen le plus simple est que:

(118 in blockedTile); //is true