1. ホーム
  2. javascript

[解決済み] JavaScriptのFor.Inループ - キーと値のペア

2022-03-19 15:38:17

質問

PHP の foreach ループをJavaScriptで作成することができます。私が探している機能は、このPHP Snippetのようなものです。

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

を見ていたら、JSの for..in ループを指定する方法はないようです。 as . これを「普通の」forループでやると ( for(var i = 0; i < data.length; i++ ) 、キー => 値のペアを取得する方法はありますか?

どのように解決するのですか?

もし ES6 をネイティブに、または バベル (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ループはプロトタイプチェーン内のプロパティも列挙することです) .

お役に立てれば幸いです。 =)