Javascript: cacher prototype méthodes pour la boucle?

Donc disons que j'ai ajouté quelques prototypes de méthodes de la classe Array:



Array.prototype.containsKey = function(obj) {
    for(var key in this)
        if (key == obj) return true;
    return false;
}

Array.prototype.containsValue = function(obj) {
    for(var key in this)
        if (this[key] == obj) return true;
    return false;
}

puis-je créer un tableau associatif et tenter de boucle par le biais de touches:



var arr = new Array();
arr['One'] = 1;
arr['Two'] = 2;
arr['Three'] = 3;

for(var key in arr)
   alert(key);

cela renvoie cinq éléments:

 -Un 
-Deux 
-Trois 
-containsKey 
-containsValue

mais je veux attendre?) seulement trois. Suis-je en approchant de ce mal? est-il un moyen de "cacher" le prototype des méthodes? ou devrais-je faire quelque chose différemment?

InformationsquelleAutor Nick Franceschina | 2009-07-10
  1. 48

    Vous pouvez utiliser du JavaScript hasOwnProperty méthode pour atteindre cet objectif dans la boucle, comme ceci:

    for(var key in arr) {
    if (arr.hasOwnProperty(key)) {
        ...
    }
}

    Référence: Ce YUI article du blog.

    • Ironicly j'ai rencontré ce problème en essayant de créer une version plus courte de hasOwnProperty Object.prototype.has = Object.prototype.hasOwnProperty
    InformationsquelleAutor Kirtan
  2. 47

    Vous pouvez atteindre les résultats souhaités à partir de l'autre extrémité en faisant le prototype des méthodes non énumérable:

    Object.defineProperty(Array.prototype, "containsKey", {
  enumerable: false,
  value: function(obj) {
      for(var key in this)
        if (key == obj) return true;
      return false;
    }
});

    Généralement cela fonctionne mieux si vous avez le contrôle sur les définitions de méthode, et en particulier si vous n'avez aucun contrôle sur la façon dont votre code sera appelé par d'autres personnes, ce qui est une hypothèse commune dans la bibliothèque de l'élaboration du code.

    • Ceci est particulièrement utile lorsque vous n'avez aucun contrôle sur le code de la boucle.
    • malheureusement defineProperty ne fonctionne que pour les éléments du DOM pour IE8 kangax.github.io/compat-table/es5/#define-propriété-ie-note
    • C'est tellement plus élégant puis de vérifier hasOwnProperty dans chaque boucle. Pour les anciens navigateurs, vous pouvez rouler votre propre mise en œuvre, comme celui-ci par exemple: github.com/inexorabletash/polyfill/blob/master/es5.js#L71
    • oui, c'est la façon dont.. mais le plus souvent, les navigateurs manque de base des méthodes de Tableau également le manque d'Objet.defineProperty, c'est donc une condition de course 😉
    • Ceci est utile si l'on veut appliquer de jQuery $.param méthode sur un objet personnalisé avec des méthodes. Naïf mis en œuvre add la fonction github.com/jquery/jquery/blob/1.12-stable/src/serialize.js#L58 fonctionne juste à ceux des méthodes à l'aveuglette, et il provoque Uncaught TypeError: Cannot read property of undefined, Cette solution est également très élégant!
    InformationsquelleAutor abbr
  3. 4

    Javascript ne prend pas en charge les tableaux associatifs de la façon dont vous pensez qu'ils font. http://ajaxian.com/archives/javascript-associative-arrays-considered-harmful

    for (var i in .. obtient toutes les propriétés d'un objet (un tableau est simplement un autre objet), qui est pourquoi vous voyez les autres objets que vous avez prototypée pour elle.

    Que l'article suggère que vous devriez utiliser un objet:

    
var assoc = {'One' : 1, 'Two' : 2};
assoc['Three'] = 3;

for(var key in assoc)
   alert(key+' => '+assoc[key]);
    InformationsquelleAutor rezzif
  4. 2

    vous pourriez faire ceci:

    for(var key in arr)
{
   if (typeof(arr[key]) == "function")
      continue;
   alert(key);
}

    Mais c'est une pacotille solution de contournement

    InformationsquelleAutor nlaq
  5. 1

    Méthode 1: utilisation Objet.touches (qui ne retourne pas les propriétés du prototype) & boucle

    Object.keys(arr); //['One', 'Two', 'Three']
Object.keys(arr).forEach(key => console.log(key))

    Méthode 2: hasOwnProperty à l'intérieur d'une boucle for.

     for(var key in arr) {
   if (arr.hasOwnProperty(key)) {
     ...
   }
 }
    InformationsquelleAutor cacoder
  6. 0

    Pour la haute performance de l'itération sur les tableaux JavaScript, utilisez soit un for ou while boucle. Nicolas Zakas discute le plus performant des options pour parcourir des tableaux dans sa Parler de Technologie La Vitesse De Votre JavaScript.

    Votre meilleur pari est probablement quelque chose comme ceci:

    for (var i = collection.length - 1; i >= 0; i--) {
  if (obj == collection[i]) return true;
}

    Cette approche sera d'effectuer le meilleur pour plusieurs raisons:

    • Une seule variable locale est alloué
    • De la collection length propriété n'est accessible qu'une fois, lors de l'initialisation de la boucle
    • Chaque itération, un local est comparée à une constante (i >= 0) au lieu d'une autre variable
    • Vous ne pouvez pas effectuer une itération comme que, compte tenu de la façon dont il a utilisé le tableau comme il n'a pas utilisé les nombres comme des touches de collection[1] ne pas exister quand il l'a appelé collection['un']
    • Cela va vers l'arrière, ce qui v8 ne peut pas optimiser. Vous devez toujours effectuer une itération de la voie droite, vers l'avant.
    InformationsquelleAutor Duncan Beevers