For..In-Schleifen in JavaScript - Schlüsselwertpaaren

Ich habe mich gefragt, ob es eine Möglichkeit gibt, so etwas wie eine PHP- foreachSchleife in JavaScript zu erstellen. Die Funktionalität, die ich suche, ist so etwas wie dieses PHP-Snippet:

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

Ich habe mir die JS- for..inSchleife angesehen, aber es scheint keine Möglichkeit zu geben, die anzugeben as. Wenn ich dies mit einer 'normalen' for-Schleife ( for(var i = 0; i < data.length; i++) mache , gibt es eine Möglichkeit, die Schlüssel => Wertepaare zu erfassen?

Wenn Sie ES6 nativ oder mit Babel (js compiler) verwenden können, können Sie Folgendes tun:

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

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

Welches wird diese Ausgabe ausdrucken:

a 1
b 2
c 3

Die Object.entries()Methode gibt ein Array der eigenen aufzählbaren Eigenschaftspaare eines bestimmten Objekts [key, value]in derselben Reihenfolge zurück, die von einer for...inSchleife bereitgestellt wird (der Unterschied besteht darin, dass eine For-In-Schleife auch Eigenschaften in der Prototypkette auflistet) .

• Object.entries- Dokumentation
• für ... der Dokumentation
• Dokumentation der Destrukturierungszuweisung
• Aufzählbarkeit und Besitz von Immobilien Dokumentation

Ich hoffe es hilft! =)

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

hasOwnPropertywird verwendet, um zu überprüfen, ob Sie targetdiese Eigenschaft wirklich haben, anstatt sie von ihrem Prototyp geerbt zu haben. Ein bisschen einfacher wäre:

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

Es ist einfach überprüft , dass kkeine Methode ist (als ob targetist arrayes eine Menge von Methoden erhalten alarmierte, zum Beispiel indexOf, push, popusw.)

Niemand hat es erwähnt, Object.keysalso werde ich es erwähnen.

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

denn ... in wird für dich arbeiten.

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

In modernem JavaScript können Sie dies auch tun:

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

}

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

}

Die PHP-Syntax ist nur Zucker.

Ich gehe davon aus, dass Sie wissen, dass dies ider Schlüssel ist und dass Sie den Wert über erhalten können data[i](und nur eine Verknüpfung dafür wünschen).

ECMAScript5 hat forEach ^[MDN] für Arrays eingeführt (anscheinend haben Sie ein Array):

data.forEach(function(value, index) {

});

Die MDN-Dokumentation bietet einen Shim für Browser, die ihn nicht unterstützen.

Natürlich funktioniert dies nicht für Objekte, aber Sie können eine ähnliche Funktion für sie erstellen:

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

Da hast du die Frage mit getaggt jqueryjQuery stellt $.each ^[docs] bereit, die sowohl Array- als auch Objektstrukturen durchlaufen.

Sie können das for..indafür verwenden.

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]);
    }
}

In Javascript verfügt jedes Objekt über eine Reihe integrierter Schlüssel-Wert-Paare mit Metainformationen. Wenn Sie alle Schlüssel-Wert-Paare für ein Objekt durchlaufen, durchlaufen Sie auch diese. Die Verwendung von hasOwnProperty () filtert diese heraus.

ES6 stellt Map.prototype.forEach (Rückruf) zur Verfügung, das so verwendet werden kann

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

Sie können hierfür eine 'for in'-Schleife verwenden:

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

Unten sehen Sie ein Beispiel, das so nah wie möglich kommt.

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

Wenn Sie jQuery verwenden, lesen Sie: http://api.jquery.com/jQuery.each/

Wenn Sie Lodash verwenden , können Sie verwenden_.forEach

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

In den letzten Jahren seit dieser Frage hat Javascript einige neue Funktionen hinzugefügt. Eine davon ist die Object.Entries- Methode.

Direkt aus MDN kopiert wird das folgende Code-Snippet

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

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

Ja, Sie können assoziative Arrays auch in Javascript verwenden:

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;