LabEx
ログイン登録

オブジェクト自身のプロパティを逆順で反復処理する

Beginner

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

はじめに

この実験では、JavaScript を使ってオブジェクト自身のプロパティを逆順で反復処理する方法を探ります。これを達成するために、Object.keys()やArray.prototype.reverse()などの組み込みメソッドを使用します。この実験が終了するとき、JavaScript におけるオブジェクトの操作方法やそれらのプロパティを操作する方法について、より深い理解を得ることができます。

オブジェクト自身のプロパティを逆順で反復処理する方法

オブジェクト自身のプロパティを逆順で反復処理し、それぞれに対してコールバックを実行するには、次の手順に従います。

  1. ターミナル/SSH を開き、コーディングを練習するためにnodeと入力します。
  2. Object.keys()を使用して、オブジェクトのすべてのプロパティを取得します。
  3. Array.prototype.reverse()を使用して、プロパティの順序を逆にします。
  4. Array.prototype.forEach()を使用して、各キーと値のペアに対して提供された関数を実行します。
  5. コールバック関数には 3 つの引数が必要です。値、キー、およびオブジェクトです。

コードは次のとおりです。

const forOwnRight = (obj, fn) =>
  Object.keys(obj)
    .reverse()
    .forEach((key) => fn(obj[key], key, obj));

この関数は、任意のオブジェクトとコールバック関数で使用できます。たとえば、{ foo: 'bar', a: 1 }の値を逆順でログに出力するには、次のコードを使用できます。

forOwnRight({ foo: "bar", a: 1 }, (v) => console.log(v)); // 1, 'bar'

まとめ

おめでとうございます！オブジェクト自身のプロパティを逆順で反復処理する実験を完了しました。スキルを向上させるために、LabEx でさらに多くの実験を練習できます。