Menu
Coddy logo textTech

スプレッド構文 パート2

CoddyのJavaScriptジャーニー「論理とフロー」セクションの一部 — レッスン 19/65。

スプレッド演算子を使用すると、オブジェクト(JSON)をマージできます:

const personalInfo = {name: "John", age: 30};
const jobInfo = {company: "Tech Corp", position: "Developer"};
const completeProfile = {...personalInfo, ...jobInfo};

これで、completeProfile は nameagecompanyposition の 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"
};
challenge icon

チャレンジ

簡単

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) {
    // ここにコードを書いてください
}
// 関数の外には何も書かないでください
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

論理とフローのすべてのレッスン