オブジェクトにデフォルト値を割り当てる | JavaScript チュートリアル

はじめに

この実験では、オブジェクトのプロパティにデフォルト値を割り当てる JavaScript 関数を調べます。この関数は、オブジェクト内のすべてのプロパティに値があることを保証するプロセスを合理化するのに役立ちます。 Object.assign() メソッドとスプレッド構文を使用することで、元のキー順序を維持しながらデフォルト値を持つ新しいオブジェクトを簡単に作成できます。

オブジェクトのプロパティにデフォルト値を割り当てる方法

オブジェクト内のすべての undefined のプロパティにデフォルト値を割り当てるには、次の手順に従います。

ターミナル/SSH を開き、コーディングの練習を始めるために node と入力します。
Object.assign() を使用して新しい空のオブジェクトを作成し、元のオブジェクトをコピーしてキー順序を維持します。
Array.prototype.reverse() とスプレッド演算子 (...) を使用して、左から右にデフォルト値を結合します。
最後に、元の値を持っていたプロパティを上書きするために再び obj を使用します。

以下はコードの例です。

const defaults = (obj, ...defs) =>
  Object.assign({}, obj, ...defs.reverse(), obj);

defaults({ a: 1 }, { b: 2 }, { b: 6 }, { a: 3 }); // { a: 1, b: 2 }

このコードスニペットは、元のオブジェクトで未定義であったすべてのプロパティにデフォルト値を持つオブジェクトを返します。

まとめ

おめでとうございます！オブジェクトのプロパティにデフォルト値を割り当てる実験を完了しました。技術力を向上させるために、LabEx でさらに実験を行って練習してください。