web-dev-qa-db-ja.com

JavaScriptで（キー、値）を繰り返す方法は？

私は次のフォーマットの辞書を持っています

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
}
javascriptobjectiteration
179
nbroeking

tl; dr

  1. ECMAScript 5では、それは不可能です。
  2. ECMAScript 2015では、それはMapsで可能です。
  3. ECMAScript 2017では、すぐに利用可能になります。

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

ECMAScript 2015

ECMAScript 2015では、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 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
278
thefourtheye

これを試して：

dict = {0:{1:'a'}, 1:{2:'b'}, 2:{3:'c'}}
for (var key in dict){
  console.log( key, dict[key] );
}

0 Object { 1="a"}
1 Object { 2="b"}
2 Object { 3="c"}
33
alex10

Object.entries()メソッドはES2017で規定されています（および 最近のブラウザではすべてサポートされています ）。

for (const [ key, value ] of Object.entries(dictionary)) {
    // do something with `key` and `value`
}

説明：

  • Object.entries()は{ a: 1, b: 2, c: 3 }のようなオブジェクトを受け取り、それをキーと値のペアの配列[ [ 'a', 1 ], [ 'b', 2 ], [ 'c', 3 ] ]に変換します。

  • for ... ofを使用すると、作成した配列のすべてのエントリをループ処理できます。

  • 我々はギャランティであるので、このように反復された各配列項目は別の2エントリ配列であるので、 destructuring を使用して変数keyとvalueをその最初と2番目の項目に直接代入できます。

26
Loilo

これを試して：

var value;
for (var key in dictionary) {
    value = dictionary[key];
    // your code here...
}
7
AMACB

あなたはこのようなことをすることができます：

dictionary = {'ab': {object}, 'cd':{object}, 'ef':{object}}
var keys = Object.keys(dictionary);

for(var i = 0; i < keys.length;i++){
   //keys[i] for key
   //dictionary[keys[i]] for the value
}
5
Dhaval Chaudhary

早くて簡単な方法は

Object.entries(event).forEach(k => {
    console.log("properties ... ", k[0], k[1]); });

ただドキュメントをチェックしてください https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

2
Jonathan

以下のスクリプトを使用できます。

var obj={1:"a",2:"b",c:"3"};
for (var x=Object.keys(obj),i=0;i<x.length,key=x[i],value=obj[key];i++){
    console.log(key,value);
}

出力
1 a
2 b
c 3

1
Michael Piper

swagger-ui.jsを使う

あなたはこれを行うことができます -

_.forEach({ 'a': 1, 'b': 2 }, function(n, key) {
    console.log(n, key);
 });
1
deeshank

受け入れられた答えの改善として、ネスティングを減らすために、代わりにこれをすることができます：

for (var key in dictionary) {
    if (!dictionary.hasOwnProperty(key)) {           
        continue;
    }
    console.log(key, dictionary[key]);
}
0
kloddant