Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.学ぶ チャレンジ：スプレッド演算子によるオブジェクトの結合 | 高度なオブジェクト操作テクニック
JavaScriptデータ構造

bookチャレンジ：スプレッド演算子によるオブジェクトの結合

メニューを表示するにはスワイプしてください

課題

次のタスクを実行するスクリプトの作成：

  • 2つのオブジェクト personInfo と jobInfo のプロパティをマージし、新しいオブジェクト fullInfo に格納。
  • fullInfo オブジェクトに新しいプロパティ isRetired を追加し、値は false とする。
  • for...in ループを使用して fullInfo を反復処理し、各プロパティとその値を [property]: [value] の形式でログ出力。

              
12345678910111213141516171819202122

            
const personInfo = {
  name: "Ferry",
  age: 62,
  city: "Caracas",
};

const jobInfo = {
  experience: 7,
  occupation: "Speech-Language Pathologist",
};

// Task 1: merge two objects
const fullInfo = {
  ...___,
  ___,
  ___: ___, // Task 2: add the property
};

// Task 3: log each property and its value
for (let key in ___) {
  console.log(`${___}:`, ___[key]);
}
copy

期待される出力:

name: Ferry
age: 62
city: Caracas
experience: 7
occupation: Speech-Language Pathologist
isRetired: false
  1. スプレッド構文（{ ... }）を使用して、personInfo と jobInfo のプロパティを fullInfo に統合。
  2. 統合後、fullInfo に新しいプロパティを追加。
  3. fullInfo ループを使って for...in のプロパティとその値を出力。

              
1234567891011121314151617181920

            
const personInfo = {
  name: "Ferry",
  age: 62,
  city: "Caracas",
};

const jobInfo = {
  experience: 7,
  occupation: "Speech-Language Pathologist",
};

const fullInfo = {
  ...personInfo,
  ...jobInfo,
  isRetired: false,
};

for (let key in fullInfo) {
  console.log(`${key}:`, fullInfo[key]);
}
copy

すべて明確でしたか？

どのように改善できますか？

フィードバックありがとうございます！

セクション 3. 章 6

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 3. 章 6
some-alt