スプレッドとレストで組み替える

実践JavaScript / 全 5 枚

実践JavaScript - スプレッドとレストで組み替える

既定値の上に受け取った設定を重ねる

設定を受け取る関数では、渡されなかった項目を既定値で埋めることになります。スプレッドで2つのオブジェクトを並べると、後ろに書いたほうの値が勝ちます。

if を並べて1項目ずつ埋める必要はありません。並べる順番が、そのまま優先順位になります。

同じキーがぶつかったときは、後ろに書いたほうが残ります。

const defaults = { published: false, views: 0 };
const input = { title: "旅の記録", published: true };
const work = { ...defaults, ...input };
console.log(work.published); // true

1 / 5

← → キーでも送れます

このスライドが付いているレッスンを開く