ホームページ > ウェブフロントエンド > jsチュートリアル > Array.map() のように JavaScript でオブジェクト値をマップするにはどうすればよいですか?

Array.map() のように JavaScript でオブジェクト値をマップするにはどうすればよいですか?

DDD
リリース: 2024-12-18 04:03:11
オリジナル
235 人が閲覧しました

How Can I Map Over Object Values in JavaScript Like Array.map()?

オブジェクトのマップ関数 (Array.map の代替)

JavaScript の Array.prototype.map 関数は、配列の変更に便利な方法を提供します。価値観。しかし、オブジェクトに対する同様の操作はどうでしょうか?

Object.prototype.map 代替

JavaScript はオブジェクトに対するネイティブ マップ関数を提供しませんが、同じ機能を実現するカスタム ソリューション:

var myObject = { 'a': 1, 'b': 2, 'c': 3 };

Object.keys(myObject).forEach(function(key, index) {
  myObject[key] *= 2;
});

console.log(myObject);
// Output: { 'a': 2, 'b': 4, 'c': 6 }
ログイン後にコピー

このコードは、Object.keys メソッドを使用してオブジェクトのキーを取得し、forEach を使用してそれらを反復処理し、各キーに関連付けられた値を変更します。結果として得られる newObject は次のようになります。

{ 'a': 2, 'b': 4, 'c': 6 }
ログイン後にコピー

このアプローチは、オブジェクトのネイティブ マップ関数に代わるシンプルで効果的な代替手段を提供します。これは、ブラウザ間の互換性が問題にならない Node.JS でオブジェクトを操作する場合に特に便利です。

以上がArray.map() のように JavaScript でオブジェクト値をマップするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート