JavaScript'te döngülerde - anahtar / değer çiftleri

foreachJavaScript bir PHP döngü gibi bir şey yapmak için bir yol olup olmadığını merak ediyordum . Aradığım işlevsellik bu PHP Snippet gibi bir şeydir:

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

Ben JS for..indöngü bakıyordu , ama belirtmek için bir yolu yok gibi görünüyor as. Bunu loop ( for(var i = 0; i < data.length; i++) için 'normal' ile yaparsam , key => değer çiftlerini yakalamanın bir yolu var mı?

ES6'yı yerel olarak veya Babel (js derleyici) ile kullanabiliyorsanız aşağıdakileri yapabilirsiniz:

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

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

Bu çıktı yazdırılacak:

a 1
b 2
c 3

Object.entries()Yöntem, belirli bir nesnenin kendi numaralandırılabilir özelliği bir dizi döner [key, value]bir tarafından sağlanan ile aynı sırada, çift for...indöngü (fark, bir hazır prototip zincirinde döngü sıralar özellikleri de) .

• Object.entries belgeleri
• ... dokümantasyonu için
• Yıkım ödevi belgeleri
• Mülk belgelerinin numaralandırılabilirliği ve sahipliği

Umarım yardımcı olur! =)

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

hasOwnPropertytargetprototipinden miras almak yerine, gerçekten bu özelliğe sahip olup olmadığını kontrol etmek için kullanılır . Biraz daha basit olurdu:

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

Bu sadece kontroller kbir yöntem değildir (sanki targetolduğunu arraysen yöntemlerden çok alırsınız, örneğin uyarı indexOf, push, pop, vb.)

Kimse Object.keysbahsetmedi, ben de bahsedeceğim.

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

çünkü ... sizin için çalışacaktır.

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

Modern JavaScript'te şunları da yapabilirsiniz:

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

}

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

}

Php sözdizimi sadece şekerdir.

Bunun ianahtar olduğunu bildiğinizi ve değeri elde edebileceğinizi varsayıyorum data[i](ve bunun için bir kısayol istiyorum).

ECMAScript5 diziler için forEach ^{[MDN] 'i} tanıttı (dizininiz var gibi görünüyor):

data.forEach(function(value, index) {

});

MDN belgeleri, desteklemeyen tarayıcılar için bir şim sağlar.

Elbette bu nesneler için işe yaramaz, ancak onlar için benzer bir işlev oluşturabilirsiniz:

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

Soruyu ile etiketlediğinizden beri jQuery, jQuery , dizi ve nesne yapılarının her ikisini de $.each ^{çevreleyen [dokümanlar]} sağlar .

Bunun için kullanabilirsiniz for..in.

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

Javascript'te her nesnede, meta bilgileri olan bir grup yerleşik anahtar / değer çifti bulunur. Bir nesnenin tüm anahtar / değer çiftleri arasında geçiş yaptığınızda, bunlar arasında da döngü gerçekleştirirsiniz. HasOwnProperty () kullanımı bunları filtreler.

ES6, Map.prototype.forEach (geri arama) yöntemini bu şekilde kullanılabilir

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

Bunun için 'for in' döngüsünü kullanabilirsiniz:

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

Aşağıda, aldığınız yere yaklaşan bir örnek verilmiştir.

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

JQuery kullanıyorsanız bkz: http://api.jquery.com/jQuery.each/

Lodash kullanıyorsanız ,_.forEach

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

Bu sorunun yapılmasından bu yana geçen birkaç yıl içinde Javascript birkaç yeni özellik ekledi. Bunlardan biri Object.Entries yöntemidir.

Doğrudan MDN'den kopyalanan kod takip snippet'idir

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

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

evet, javascript'te de ilişkilendirilebilir diziler olabilir:

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;