ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用してJSON要素のキーと値を交換するにはどうすればよいですか?

JavaScriptを使用してJSON要素のキーと値を交換するにはどうすればよいですか?

WBOY
リリース: 2023-08-23 22:41:05
転載
756 人が閲覧しました

如何使用 JavaScript 交换 JSON 元素的键和值?

ここでは、JavaScript を使用して JSON 要素のキーと値を交換する方法を学習します。 JavaScript では、オブジェクトはキーと値のペアを保存します。したがって、通常の 2 つの変数を交換するのと同じように、キーと値を交換できます。

このチュートリアルでは、JavaScript を使用して JSON 要素のすべてのキー値を交換するさまざまな方法を学びます。

forループを使用する

for ループを使用して、JSON オブジェクトのキーを反復処理できます。その後、キーを使用してオブジェクトの値にアクセスできます。したがって、オブジェクト内のすべてのキーと値を交換できます。

さらに、新しい空のオブジェクトを作成し、交換後にそのオブジェクトのキーと値を保存する必要があります。

###文法###

ユーザーは、for ループを使用して、次の構文に従って JSON 要素のキーと値を交換できます。

リーリー

上記の構文では、キーを使用してオブジェクトから値にアクセスします。new_obj の場合は、値をキーとして使用し、キーを値として使用します。

例 1

次の例では、一意のキーと値のペアを含むオブジェクトを作成します。さらに、空の new_obj オブジェクトを作成して、交換されたキーと値を保存します。その後、for ループを使用してオブジェクトのキーを反復処理します。 for ループでは、JSON 要素から特定のキーの値にアクセスします。

オブジェクトのキーと値を new_obj オブジェクトに追加しますが、値をキーとして使用し、キーを交換する値として使用します。出力では、new_obj のキーと値のペアが交換されていることがわかります。

リーリー

Object.keys() メソッドと forEach() メソッドを使用する

Object.keys() メソッドを使用して、オブジェクトのキーを配列形式で取得できます。その後、forEach() メソッドを使用してキー配列を反復処理できます。

すべてのキーを反復処理しながら、特定のキーの値にアクセスし、それを新しいオブジェクトのキーとして使用できます。

###文法###

ユーザーは、次の構文に従って Object.keys() メソッドと forEach() メソッドを使用して、JSON オブジェクトのすべてのキーと値を交換できます。

リーリー

上記の構文では、「student_obj[objectKey]」を使用してオブジェクトから値を取得します。この値は、swapped_obj オブジェクトのキーとして機能します。

例 2

この例では、student_obj オブジェクトを作成しました。このオブジェクトには、student のさまざまな属性とその値が含まれています。その後、Object.entries() メソッドと forEach() メソッドを使用してオブジェクトのすべてのキーと値を交換し、swapped_obj オブジェクトに保存します。

リーリー

Object.entries() メソッドと map() メソッドを使用する

Object.entries() メソッドを使用して、オブジェクトのすべてのキーと値を配列形式で取得できます。古いキーと値のペアを交換した後、map() メソッドを使用して新しいキーと値のペアをマッピングできます。

配列の構造化プロパティを使用して、各キーと値のペアを交換できます。

###文法###

ユーザーは、次の構文に従って Object.entries() メソッドと map() メソッドを使用して、JSON 要素のキーと値を交換できます。

リーリー

上記の構文では、各キーと値のペアの順序を逆にしました。したがって、キーは値になり、値はキーになります。さらに、Object.fromEntries() メソッドを使用して、キーと値のエントリからオブジェクトを作成します。

例 3

この例では、テーブル プロパティを含むテーブル オブジェクトを定義します。ユーザーがボタンをクリックすると、swapKeyValues() 関数が呼び出されます。

swapKeyValues() 関数では、オブジェクトの各キーと値のペアを交換し、それらを FinalObject 配列に保存します。その後、Object.fromEntries() メソッドを使用して、finalObject 配列を JSON オブジェクトに変換し、newObject 変数に格納します。 リーリー

JSON 要素のキーと値を交換する 3 つの方法を学びました。さらに、array.reduce() メソッドと Object.entries() メソッドを使用して、オブジェクトのキーと値を交換できます。

以上がJavaScriptを使用してJSON要素のキーと値を交換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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