オブジェクトのキーと値のペアを逆にする

Beginner

This tutorial is from open-source community. Access the source code

はじめに

この実験では、元のオブジェクトを変更することなく、オブジェクトのキーと値のペアを逆にする方法を探ります。オブジェクトを逆にするために、Object.keys() メソッドと Array.prototype.reduce() を使用します。また、逆にしたキーに関数を適用し、逆にした値を生成するためのキーの配列を返す方法を学びます。

オブジェクトを逆にする関数

元のオブジェクトを変更することなく、オブジェクトのキーと値のペアを逆にするには、invertKeyValues 関数を使用します。

  • ターミナル/SSH で invertKeyValues(obj, fn) と入力することで関数を呼び出します。ここで、obj は逆にするオブジェクトで、fn は逆にしたキーに適用するオプショナルな関数です。

  • Object.keys()Array.prototype.reduce() メソッドを使用して、逆にしたキーと値のペアを持つ新しいオブジェクトを作成します。関数が提供されている場合、それは各逆にしたキーに適用されます。

  • fn を省略した場合、関数は何も適用されずに逆にしたキーのみを返します。

  • 関数は、各逆にした値が逆にした値を生成するためのキーの配列であるオブジェクトを返します。

const invertKeyValues = (obj, fn) =>
  Object.keys(obj).reduce((acc, key) => {
    const val = fn ? fn(obj[key]) : obj[key];
    acc[val] = acc[val] || [];
    acc[val].push(key);
    return acc;
  }, {});

使用例:

invertKeyValues({ a: 1, b: 2, c: 1 }); // { 1: [ 'a', 'c' ], 2: [ 'b' ] }
invertKeyValues({ a: 1, b: 2, c: 1 }, (value) => "group" + value);
// { group1: [ 'a', 'c' ], group2: [ 'b' ] }

まとめ

おめでとうございます!あなたはオブジェクトを逆にする実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を練習することができます。