Untuk..Dalam loop dalam JavaScript - pasangan nilai kunci

Saya bertanya-tanya apakah ada cara untuk melakukan sesuatu seperti foreachloop PHP di JavaScript. Fungsi yang saya cari adalah sesuatu seperti Potongan PHP ini:

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

Saya sedang melihat for..inloop JS , tetapi tampaknya tidak ada cara untuk menentukan as. Jika saya melakukan ini dengan 'normal' untuk loop ( for(var i = 0; i < data.length; i++), apakah ada cara untuk mengambil pasangan nilai kunci =>?

Jika Anda dapat menggunakan ES6 secara native atau dengan Babel (js compiler) maka Anda dapat melakukan hal berikut:

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

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

Yang akan mencetak hasil ini:

a 1
b 2
c 3

The Object.entries()Metode mengembalikan array sendiri properti enumerable suatu objek tertentu yang [key, value]pasang, dalam urutan yang sama seperti yang disediakan oleh for...inlingkaran (perbedaan adalah bahwa untuk-sifat lingkaran menyebutkan dalam rantai prototipe juga) .

• Dokumentasi Object.entries
• untuk ... dokumentasi
• Dokumentasi penugasan yang merusak
• Enumerabilitas dan kepemilikan dokumentasi properti

Semoga ini bisa membantu! =)

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

hasOwnPropertydigunakan untuk memeriksa apakah Anda targetbenar - benar memiliki properti itu, daripada mewarisinya dari prototipe. Yang sedikit lebih sederhana adalah:

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

Itu hanya cek yang ktidak metode (seolah-olah targetadalah arrayAnda akan mendapatkan banyak metode waspada, misalnya indexOf, push, pop, dll.)

Tidak ada yang menyebutkan Object.keysjadi saya akan menyebutkannya.

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

untuk ... di akan bekerja untuk Anda.

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

Dalam JavaScript modern Anda juga dapat melakukan ini:

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

}

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

}

Sintaks php hanya gula.

Saya berasumsi Anda tahu itu iadalah kuncinya dan Anda bisa mendapatkan nilai melalui data[i](dan hanya ingin jalan pintas untuk ini).

ECMAScript5 memperkenalkan forEach ^[MDN] untuk array (sepertinya Anda memiliki array):

data.forEach(function(value, index) {

});

Dokumentasi MDN menyediakan shim untuk browser yang tidak mendukungnya.

Tentu saja ini tidak berfungsi untuk objek, tetapi Anda dapat membuat fungsi serupa untuk mereka:

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

Karena Anda menandai pertanyaan dengan jquery, jQuery menyediakan $.each ^[docs] yang loop atas struktur array dan objek.

Anda dapat menggunakan for..inuntuk itu.

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

Dalam javascript, setiap objek memiliki sekelompok pasangan nilai kunci bawaan yang memiliki informasi meta. Saat Anda menggilir semua pasangan nilai kunci untuk objek yang Anda lewati juga. Penggunaan hasOwnProperty () menyaring ini.

ES6 akan menyediakan Map.prototype.forEach (panggilan balik) yang dapat digunakan seperti ini

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

Anda dapat menggunakan loop 'untuk masuk' untuk ini:

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

Di bawah ini adalah contoh yang sedekat yang Anda dapatkan.

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

Jika Anda menggunakan jQuery, lihat: http://api.jquery.com/jQuery.each/

Jika Anda menggunakan Lodash , Anda dapat menggunakan_.forEach

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

Dalam beberapa tahun terakhir sejak pertanyaan ini dibuat, Javascript telah menambahkan beberapa fitur baru. Salah satunya adalah metode Object.Entries .

Disalin langsung dari MDN adalah cuplikan kode tindak

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

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

ya, Anda dapat memiliki array asosiatif juga di 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;