1. ホーム
  2. javascript

[解決済み] JavaScriptで(キー、値)を反復する方法は?

2022-03-17 16:08:17

質問

という形式の辞書を持っています。

dictionary = {0: {object}, 1:{object}, 2:{object}}

この辞書を繰り返し使用するには、次のようにします。

for ((key, value) in dictionary) {
    //Do stuff where key would be 0 and value would be the object
}

解決方法は?

tl;dr

  1. ECMAScript 2017では、ただ単に Object.entries(yourObj) .
  2. ECMAScript 2015では、以下のように可能です。 Map s.
  3. ECMAScript 5 では、できません。

ECMAScript 2017

ECMAScript 2017では、新たに Object.entries という関数があります。これを使って、思い通りにオブジェクトを反復することができます。

'use strict';

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

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

出力

a 1
b 2
c 3


ECMAScript 2015

ECMAScript 2015 では、以下のものはありません。 Object.entries を使用することができます。 Map オブジェクトを作成し、そのオブジェクトに対して Map.prototype.entries . そのページからの例を引用します。

var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

var mapIter = myMap.entries();

console.log(mapIter.next().value); // ["0", "foo"]
console.log(mapIter.next().value); // [1, "bar"]
console.log(mapIter.next().value); // [Object, "baz"]

または for..of このように

'use strict';

var myMap = new Map();
myMap.set("0", "foo");
myMap.set(1, "bar");
myMap.set({}, "baz");

for (const entry of myMap.entries()) {
  console.log(entry);
}

出力

[ '0', 'foo' ]
[ 1, 'bar' ]
[ {}, 'baz' ]

または

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

出力

0 foo
1 bar
{} baz


ECMAScript 5:

いいえ、オブジェクトでは不可能です。

で反復処理する必要があります。 for..in または Object.keys このように

for (var key in dictionary) {
    // check if the property/key is defined in the object itself, not in parent
    if (dictionary.hasOwnProperty(key)) {           
        console.log(key, dictionary[key]);
    }
}

if であるプロパティに対して反復処理を行いたい場合にのみ必要です。 dictionary オブジェクトそのものです。なぜなら for..in は、継承されたすべての列挙可能なプロパティを繰り返し実行します。

または

Object.keys(dictionary).forEach(function(key) {
    console.log(key, dictionary[key]);
});