[解決済み] 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
-
ECMAScript 2017では、ただ単に
Object.entries(yourObj)
. -
ECMAScript 2015では、以下のように可能です。
Map
s. - 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]);
});
関連
-
fetch ネットワークリクエストラッパーの説明例
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] Java Mapの各エントリを効率的に反復処理するには?
-
[解決済み] 辞書を値で並べ替えるにはどうしたらいいですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】2つの辞書を1つの式でマージする(辞書の和をとる)には?)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
HTML+CSS+JavaScriptで簡単な三目並べゲームを作成する。
-
Vueの一般的な組み込みディレクティブの説明
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み】TypeError: Router.use() はミドルウェアの関数を要求しているが、Object を取得した。
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
[解決済み] JavaScriptのFor.Inループ - キーと値のペア
-
[解決済み] Javascriptでkey/valueオブジェクトをループさせる方法は?[重複している]をクリックします。