Javascript pour la boucle jusqu'à - plusieurs conditions

Je suis à l'aide de javascript, en utilisant les regex pour gratter des images à partir de code html.

Je veux la boucle à courir, soit jusqu'à ce que le script ne trouve pas plus d'images, ou jusqu'à ce qu'il atteigne 12.

J'essaie ce qui suit, mais ne fonctionne pas:

var imgs = d.getElementsByTagName('img'), found = [];
for(var i=0,img; ((img = imgs[i]) || ( $i < 13)); i++)

Est-ce possible? Suis-je sur la bonne voie?

Tout à fait nouveau pour javascript, mais à essayer!

source d'informationauteur Darren Sweeney

  1. 15

    Vous devez utiliser && au lieu de ||. Aussi, $i devrait être i.

    for(var i=0, img; (img = imgs[i]) && (i < 12); i++)
     found.push(img);
  2. 2

    En supposant que vous souhaitez found pour contenir ces 12 premiers:

    var imgs = d.getElementsByTagName('img');
var found = [].slice.call(imgs, 0, 12);

    Vous devez utiliser [].slice.call(imgs, ...) au lieu de imgs.slice() parce que imgs n'est qu'un pseudo-tableau, et pas un vrai tableau.

    Une alternative à l'écriture [].slice est Array.prototype.slice.

    Si vous voulez faire quelque chose d'autre à l'intérieur de la boucle, il suffit d'utiliser le tableau ci-dessus, pour s'assurer que vous avez seulement à travailler sur les 12 premières images:

    for (var i = 0, n = found.length; i < n; ++i) {
    //do something with found[i];
}
  3. 2

    Personnellement, je déteste quand les gens ne affectation à la condition de la clause de for boucle, car il ressemble à quelqu'un a confondu une cession (=) pour une comparaison (=== ou ==). De mieux à faire de la logique d'ailleurs. 

    var imgs = d.getElementsByTagName('img'), 
    found = [],
    i,
    imgsLength = imgs.length,
    max = imgsLength > 13 ? 13 : imgsLength;
for (i = 0; i < max; i++) {
    found.push(imgs[i]);
}

    ou

    var imgs = d.getElementsByTagName('img'), 
    found = [],
    i,
    imgsLength = imgs.length;
for (i = 0; i < 13 && i < imgsLength; i++) {
    found.push(imgs[i]);
}