JavaScriptのFor..Inループ-キーと値のペア

foreachJavaScriptでPHP ループのようなことをする方法があるかどうか疑問に思っていました。私が探している機能は、このPHPスニペットのようなものです。

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

JS for..inループを見ていましたが、を指定する方法がないようasです。これを「通常」のforループ（for(var i = 0; i < data.length; i++）で行う場合、キー=>値のペアを取得する方法はありますか？

ES6をネイティブで使用できる場合、またはBabel（jsコンパイラ）で使用できる場合は、次のことを実行できます。

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

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

これはこの出力を印刷します：

a 1
b 2
c 3

このObject.entries()メソッドは、ループ[key, value]によって提供されるのと同じ順序で、指定されたオブジェクト自体の列挙可能なプロパティペアの配列を返しfor...inます（違いは、for-inループがプロトタイプチェーンのプロパティも列挙することです）。

• Object.entriesのドキュメント
• 以下のための...のドキュメント
• 解体割り当てのドキュメント
• 列挙可能とプロパティの所有権を文書化

それが役に立てば幸い！=）

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

hasOwnPropertytargetプロトタイプから継承したのではなく、実際にそのプロパティがあるかどうかを確認するために使用されます。少し簡単になるでしょう：

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

kメソッドではないことを確認するだけtargetですarrayあなたがメソッドの多くを得るでしょうが、例えば警告indexOf、push、pop、など。）

誰も言及していObject.keysないので、私はそれに言及します。

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

のために...で動作します。

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

最近のJavaScriptではこれも行うことができます：

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

}

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

}

PHPの構文は単なる砂糖です。

私はあなたがそれiが鍵であり、あなたが経由して値を得ることができることを知っていると仮定しますdata[i]（そしてこのためのショートカットが欲しいだけです）。

ECMAScript5 は配列のforEach ^[MDN]を導入しました（配列があるようです）：

data.forEach(function(value, index) {

});

MDNのドキュメントは、それをサポートしていないブラウザにシムを提供します。

もちろん、これはオブジェクトに対しては機能しませんが、オブジェクトに対して同様の関数を作成できます。

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

あなたが質問にタグ付けしたので jquery、jQueryは配列とオブジェクト構造の両方をループする$.each ^{[ドキュメント]}を提供します。

その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では、すべてのオブジェクトに、メタ情報を持つ組み込みのキーと値のペアがたくさんあります。オブジェクトのすべてのキーと値のペアをループすると、それらもループします。hasOwnProperty（）を使用すると、これらが除外されます。

ES6は、このように使用できるMap.prototype.forEach（callback）を提供します

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

これには「for in」ループを使用できます。

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

以下は、できるだけ近づく例です。

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

jQueryを使用している場合は、http：//api.jquery.com/jQuery.each/を参照してください。

使用している場合はLodashを、あなたが使用することができます_.forEach

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

この質問が出されてからのこの数年で、JavaScriptはいくつかの新機能を追加しました。その1つがObject.Entriesメソッドです。

MDNから直接コピーしたものは、次のコードスニペットです。

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

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

はい、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;