ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでkey => value配列を保存するにはどうすればよいですか?

JavaScriptでkey => value配列を保存するにはどうすればよいですか?

PHPz
リリース: 2023-09-09 09:45:09
転載
1015 人が閲覧しました

如何在 JavaScript 中存储 key => 値の配列?

場合によっては、JavaScript のデータ構造を使用してキーを特定の値にマップする必要があります。たとえば、JavaScript でユーザーの詳細をキーと値のペアに保存すると非常に便利です。

JavaScript のオブジェクトやマップなどのさまざまなデータ構造を使用して、データをキーと値の形式で保存できます。

オブジェクトを使用して JavaScript でキー => 値を保存する

JavaScript では、オブジェクトを使用してデータをキーと値の形式で保存できます。キーとオブジェクトを使用して、オブジェクトからデータを取得できます。

###文法###

ユーザーは JavaScript のオブジェクトを使用して、次の構文に従ってキーと値のペアを保存できます

リーリー

上記の構文では、空のオブジェクトを作成します。さらに、特定のキーの値をオブジェクト

に保存します。

例 1

以下の例では、数値を含むkeysArrayを作成します。 valueArray には、数値を表すさまざまな文字列が含まれます。

その後、for ループを使用して keyArray を走査します。 KeysArray の i 番目のインデックスからキーを取得し、valuesArray の i 番目のインデックスから値を取得します。キーごとに、値をオブジェクトに保存します。

最後に、オブジェクトのすべてのキーと値を出力します。

リーリー

マッピングを使用してキー => 値を JavaScript に保存する

マッピングを使用してデータをキーと値の形式で保存することもできます。 Map クラスには、キーと値をパラメータとして受け取り、データを設定するための set() メソッドが含まれています。さらに、マップ クラスには get() メソッドが含まれています。このメソッドはキーをパラメータとして受け取り、マップされた値を返します。

###文法###

ユーザーは、次の構文に従って、マッピングを使用して JavaScript にキーと値のペアを保存できます。

リーリー

上記の構文では Map() コンストラクターを使用して、新しいマップ オブジェクトを作成しました。さらに、 set() メソッドを使用してキーと値を設定します。

例 2

以下の例では、mapKeys 配列に数値文字列が含まれています。配列を反復処理し、キーと値のペアをマップに設定します。 for ループでは、set() メソッドを使用してマップ内のキー値を設定します。さらに、mapKeys 配列からのキーを最初のパラメーターとして渡し、インデックスを 2 番目のパラメーターとして渡しました。

リーリー

JavaScript で array.reduce() メソッドを使用してキー => 値を保存します

array.reduce() メソッドは、配列を削減することによって配列を単一の要素に変換します。 reduce() メソッドを使用すると、配列データをキーと値のペア形式でオブジェクト内に格納することで、配列全体を 1 つのオブジェクトに変換できます。

###文法###

ユーザーは、次の構文に従って array.reduce() メソッドを使用して、配列データをオブジェクトに格納できます。

リーリー

上記の構文では、{} (空のオブジェクト) を使用してオブジェクトを初期化しました。配列の各要素を obj オブジェクトに格納し、array.reduce() メソッドから返します。

例 3

以下の例では、さまざまなプログラミング言語を文字列形式で含む arrayOfValues 変数があります。配列をオブジェクト形式に変換し、配列データをキーと値の形式で保存しました。

array.reduce() メソッドでは、obj オブジェクトに最後の反復で更新されたキー値が含まれています。現在の反復では、インデックス *2 をキーとして使用し、配列要素をオブジェクト要素の値として使用します。その後、objを返します。

リーリー

JavaScript で map、object、array.reduce() メソッドを使用して、データをキーと値の形式で保存します。マップは、データをキーと値の形式で保存する最良の方法です。

以上がJavaScriptでkey => value配列を保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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