jQuery.chaque ()

jQuery.chaque ()

jQuery.each(array, callback)

itération du réseau

jQuery.each(array, function(Integer index, Object value){});

itération d'objet

jQuery.each(object, function(string propertyName, object propertyValue){});

exemple :

var substr = [1, 2, 3, 4];
$.each(substr , function(index, val) { 
  console.log(index, val)
});

var myObj = { firstName: "skyfoot"};
$.each(myObj, function(propName, propVal) {
  console.log(propName, propVal);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

boucles javascript pour les tableaux

pour boucle

for (initialExpression; condition; incrementExpression)
  statement

exemple

var substr = [1, 2, 3, 4];

//loop from 0 index to max index
for(var i = 0; i < substr.length; i++) {
  console.log("loop", substr[i])
}

//reverse loop
for(var i = substr.length-1; i >= 0; i--) {
  console.log("reverse", substr[i])
}

//step loop
for(var i = 0; i < substr.length; i+=2) {
  console.log("step", substr[i])
}

dans

//dont really wnt to use this on arrays, use it on objects
for(var i in substr) {
    console.log(substr[i]) //note i returns index
}

pour

for(var i of subs) {
    //can use break;
    console.log(i); //note i returns value
}

forEach

substr.forEach(function(v, i, a){
    //cannot use break;
    console.log(v, i, a);
})

ressources

MDN boucles et itérateurs

Pas besoin de jquery ici, juste un for boucle œuvres:

var substr = currnt_image_list.split(',');
for(var i=0; i< substr.length; i++) {
  alert(substr[i]);
}

Option 1: le traditionnel for -boucle

Les bases

traditionnel for -boucle a trois composantes :

1. l'initialisation: exécutée avant que le bloc look soit exécuté la première fois
2. la condition : vérifie une condition chaque fois avant que le bloc de boucle soit exécuté, et quitte la boucle si faux
3. l'après-coup : effectué chaque fois que la boucle de bloc est exécuté

ces trois composants sont séparés les uns des autres par un symbole ; . Le contenu de chacun de ces trois composants est optionnel, ce qui signifie que la boucle la plus minimale est la boucle for :"

for (;;) {
    // Do stuff
}

bien sûr, vous aurez besoin pour inclure un if(condition === true) { break; } ou un if(condition === true) { return; } quelque part à l'intérieur de ce for - boucle pour l'obtenir pour arrêter de fonctionner.

Habituellement, cependant, l'initialisation est utilisé pour déclarer un index, la condition est utilisé pour comparer l'indice avec une valeur minimale ou maximale, et le coup est utilisé pour incrémenter l'index :

for (var i = 0, length = 10; i < length; i++) {
    console.log(i);
}

---

for - boucle à boucle par un réseau

la façon traditionnelle de boucler à travers un réseau, est celle-ci :

for (var i = 0, length = myArray.length; i < length; i++) {
    console.log(myArray[i]);
}

Ou, si vous préférez boucle vers l'arrière, vous faites cela :

for (var i = myArray.length - 1; i > -1; i--) {
    console.log(myArray[i]);
}

il existe, cependant, de nombreuses variantes possibles, comme par exemple: celui-ci :

for (var key = 0, value = myArray[key], var length = myArray.length; key < length; value = myArray[++key]) {
    console.log(value);
}

... ou bien celle-ci ...

var i = 0, length = myArray.length;
for (; i < length;) {
    console.log(myArray[i]);
    i++;
}

... ou celui-ci :

var key = 0, value;
for (; value = myArray[key++];){ 
    console.log(value);
}

celui qui fonctionne le mieux est en grande partie une question de goût personnel et le cas d'utilisation spécifique que vous mettez en œuvre.

Note:

chacune de ces variantes est prise en charge par tous les navigateurs, y compris les anciens véry!

---

Option 2: while - boucle

une alternative à une boucle for est une boucle while . Pour parcourir un tableau, vous pouvez le faire :

var key = 0;
while(value = myArray[key++]){
    console.log(value);
}

Note:

comme le traditionnel for - loops, while - loops sont pris en charge par même le plus ancien des navigateurs.

aussi, chaque boucle while peut être réécrite comme une boucle for . Par exemple, la boucle while ci-dessus se comporte exactement de la même manière que cette boucle for :

for(var key = 0;value = myArray[key++];){
    console.log(value);
}

---

Option 3: for...in et for...of

en JavaScript, vous pouvez aussi faire ceci:

for (i in myArray) {
    console.log(myArray[i]);
}

cela doit être utilisé avec prudence, cependant, car il ne se comporte pas comme une boucle for traditionnelle dans tous les cas, et il ya des effets secondaires potentiels qui doivent être considérés. Voir Pourquoi utiliser "for...in" avec une itération de tableau est une mauvaise idée? pour plus de détails.

comme alternative à for...in , il y a maintenant aussi pour for...of . L'exemple suivant montre la différence entre une boucle for...of et une boucle for...in :

var myArray = [3, 5, 7];
myArray.foo = "hello";

for (var i in myArray) {
  console.log(i); // logs 0, 1, 2, "foo"
}

for (var i of myArray) {
  console.log(i); // logs 3, 5, 7
}

Note:

vous devez également considérer qu'aucune version D'Internet Explorer prend en charge for...of ( bord 12+ does) et que for...in nécessite au moins IE10.

---

Option 4 : Array.prototype.forEach()

une alternative à For - loops est Array.prototype.forEach() , qui utilise la syntaxe suivante:

myArray.forEach(function(value, key, myArray) {
    console.log(value);
});

Note:

Array.prototype.forEach() est supporté par tous navigateurs modernes, ainsi que IE9+.

---

Option 5 : jQuery.each()

en plus des quatre autres options mentionnées, jQuery avait aussi sa propre variation foreach .

il utilise la syntaxe suivante:

$.each(myArray, function(key, value) {
    console.log(value);
});

utiliser la fonction each() de jQuery.

voici un exemple:

$.each(currnt_image_list.split(','), function(index, value) { 
  alert(index + ': ' + value); 
});

utilisez Jquery chacun. Il y a d'autres façons, mais chacune est conçue à cette fin.

$.each(substr, function(index, value) { 
  alert(value); 
});

Et ne mettez pas de virgule après le dernier numéro.

vous pouvez utiliser une for boucle:

var things = currnt_image_list.split(','); 
for(var i = 0; i < things.length; i++) {
    //Do things with things[i]
}