ホームページ > ウェブフロントエンド > jsチュートリアル > ネイティブの `map()` 関数を使用せずに JavaScript オブジェクトをマップするにはどうすればよいですか?

ネイティブの `map()` 関数を使用せずに JavaScript オブジェクトをマップするにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-12 22:57:18
オリジナル
555 人が閲覧しました

How Can I Map JavaScript Objects Without a Native `map()` Function?

ネイティブ機能によるオブジェクトのマッピング

JavaScript には、Array.prototype で配列に使用できるようなオブジェクト専用に設計されたマップ関数がネイティブにありません。 。地図。ただし、同様の機能を実現するアプローチを検討してみましょう。

ネイティブ オブジェクト マップのエミュレーション

JavaScript には組み込みの Object.prototype.map が提供されていません。 、Object.keys() 関数と forEach() 関数を組み合わせて使用​​すると、同様の動作を実現できます。 method:

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

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

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

このコードでは、まず Object.keys() を使用してオブジェクトのキーを取得します。これは、オブジェクトのプロパティ名を含む配列を返します。次に、forEach() メソッドを使用してこの配列を反復処理します。ここで、myObject[key] を使用してプロパティ値にアクセスできます。最後に、プロパティ値を 2 倍にしてその場で変更します。

上記のコードの出力は、すべてのオブジェクトのプロパティがマップされ、値が 2 倍されて、期待どおりに更新されたオブジェクトが生成されることを示しています。

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

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