For..In boucles en JavaScript - paires de valeurs clés

Je me demandais s'il y avait un moyen de faire quelque chose comme une foreachboucle PHP en JavaScript. La fonctionnalité que je recherche est quelque chose comme cet extrait PHP:

foreach($data as $key => $value) { }

Je regardais la for..inboucle JS , mais il semble qu'il n'y ait aucun moyen de spécifier le as. Si je le fais avec une boucle normale pour loop ( for(var i = 0; i < data.length; i++), existe-t-il un moyen de saisir les paires clé => valeur?

Si vous pouvez utiliser ES6 en mode natif ou avec Babel (compilateur js), vous pouvez effectuer les opérations suivantes:

const test = {a: 1, b: 2, c: 3};

for (const [key, value] of Object.entries(test)) {
  console.log(key, value);
}

Qui imprimera cette sortie:

a 1
b 2
c 3

La Object.entries()méthode retourne un tableau des propres [key, value]paires de propriétés énumérables d'un objet donné , dans le même ordre que celui fourni par une for...inboucle (la différence étant qu'une boucle for-in énumère également les propriétés de la chaîne de prototype) .

• Documentation Object.entries
• pour ... de la documentation
• Documentation des missions de restructuration
• Énumérabilité et propriété de la documentation

J'espère que cela aide! =)

for (var k in target){
    if (target.hasOwnProperty(k)) {
         alert("Key is " + k + ", value is " + target[k]);
    }
}

hasOwnPropertyest utilisé pour vérifier si vous avez targetvraiment cette propriété, plutôt que de l'avoir héritée de son prototype. Un peu plus simple serait:

for (var k in target){
    if (typeof target[k] !== 'function') {
         alert("Key is " + k + ", value is" + target[k]);
    }
}

Il vérifie seulement que kn'est pas une méthode (comme si targetest arrayvous obtenez beaucoup de méthodes alerté, par exemple indexOf, push, pop, etc.)

Personne n'a mentionné, Object.keysdonc je vais le mentionner.

Object.keys(obj).forEach(function (key) {
   // do something with obj[key]
});

car ... en travaillera pour vous.

for( var key in obj ) {
  var value = obj[key];
}

En JavaScript moderne, vous pouvez également faire ceci:

for ( const [key,value] of Object.entries( obj ) ) {

}

var obj = {...};
for (var key in obj) {
    var value = obj[key];

}

La syntaxe php est juste du sucre.

Je suppose que vous savez que ic'est la clé et que vous pouvez obtenir la valeur via data[i](et que vous voulez juste un raccourci pour cela).

ECMAScript5 a introduit forEach ^[MDN] pour les tableaux (il semble que vous ayez un tableau):

data.forEach(function(value, index) {

});

La documentation MDN fournit une cale pour les navigateurs qui ne la prennent pas en charge.

Bien sûr, cela ne fonctionne pas pour les objets, mais vous pouvez créer une fonction similaire pour eux:

function forEach(object, callback) {
    for(var prop in object) {
        if(object.hasOwnProperty(prop)) {
            callback(prop, object[prop]);
        }
    }
}

Depuis que vous avez marqué la question avec jquery, jQuery fournit $.each ^[docs] qui fait une boucle sur les structures de tableau et d'objet.

Vous pouvez utiliser le for..inpour cela.

for (var key in data)
{
    var value = data[key];
}

for (var key in myMap) {
    if (myMap.hasOwnProperty(key)) {
        console.log("key =" + key);
        console.log("value =" + myMap[key]);
    }
}

En javascript, chaque objet a un tas de paires clé-valeur intégrées qui ont des méta-informations. Lorsque vous parcourez toutes les paires clé-valeur pour un objet, vous les parcourez également. L'utilisation de hasOwnProperty () les filtre.

ES6 fournira Map.prototype.forEach (rappel) qui peut être utilisé comme ceci

myMap.forEach(function(value, key, myMap) {
                        // Do something
                    });

let test = {a: 1, b: 2, c: 3};
Object.entries(test).forEach(([key, value]) => console.log(key, value))

// a 1
// b 2
// c 3

Vous pouvez utiliser une boucle 'for in' pour cela:

for (var key in bar) {
     var value = bar[key];
}

Voici un exemple qui se rapproche le plus possible.

for(var key in data){
  var value = data[key];    
  //your processing here
}

Si vous utilisez jQuery, voir: http://api.jquery.com/jQuery.each/

Si vous utilisez Lodash , vous pouvez utiliser_.forEach

_.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
  console.log(key + ": " + value);
});
// => Logs 'a: 1' then 'b: 2' (iteration order is not guaranteed).

Au cours des dernières années depuis que cette question a été posée, Javascript a ajouté quelques nouvelles fonctionnalités. L'un d'eux est la méthode Object.Entries .

Copié directement à partir de MDN est l'extrait de code suivant

const object1 = {
  a: 'somestring',
  b: 42
};

for (let [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

oui, vous pouvez également avoir des tableaux associatifs en javascript:

var obj = 
{
    name:'some name',
    otherProperty:'prop value',
    date: new Date()
};
for(i in obj)
{
    var propVal = obj[i]; // i is the key, and obj[i] is the value ...
}

var global = (function() {
   return this;
})();

// Pair object, similar to Python

function Pair(key, value) {
    this.key = key;
    this.value = value;

    this.toString = function() {
       return "(" + key + ", " + value + ")";
    };
}

/**
 * as function
 * @param {String} dataName A String holding the name of your pairs list.
 * @return {Array:Pair} The data list filled
 *    with all pair objects.
 */
Object.prototype.as = function(dataName) {
    var value, key, data;
    global[dataName] = data = [];

    for (key in this) {
       if (this.hasOwnProperty(key)) {
          value = this[key];

          (function() {
             var k = key,
                 v = value;

            data.push(new Pair(k, v));
          })();
       }
    }

    return data;
};

var d = {
   'one': 1,
   'two': 2
};

// Loop on your (key, list) pairs in this way
for (var i = 0, max = d.as("data").length; i < max; i += 1) {
   key = data[i].key;
   value = data[i].value;

   console.log("key: " + key + ", value: " + value);
}

// delete data when u've finished with it.
delete data;