スプレッド構文 パート2
CoddyのJavaScriptジャーニー「論理とフロー」セクションの一部 — レッスン 19/65。
スプレッド演算子を使用すると、オブジェクト(JSON)をマージできます:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};これで、completeProfile は name、age、company、position の 4 つのキーすべてを持つようになります:
console.log(completeProfile);
// 出力: {name: "John", age: 30, company: "Tech Corp", position: "Developer"}コピーする際に、新しいプロパティを追加したり、既存のプロパティを上書きしたりすることもできます。
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};チャレンジ
簡単2つの車のオブジェクトを引数として受け取る、mergeCarsという名前の関数を作成してください。この関数は、元のオブジェクトを一切変更せずに、2番目の車のプロパティを1番目の車のプロパティにマージし、新しい車のオブジェクトを返す必要があります。
チートシート
スプレッド演算子を使用してオブジェクトをマージできます:
const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};また、コピー中に新しいプロパティを追加したり、既存のプロパティを上書きしたりすることもできます:
const user = {name: "Alice", age: 25, mood: "sad"};
const userWithEmail = {
...user,
email: "alice@example.com",
mood: "happy"
};自分で試してみよう
function mergeCars(car1, car2) {
// ここにコードを書いてください
}
// 関数の外には何も書かないでくださいこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。