👑

このクエストはプレミアム限定です

プレミアムプランにアップグレードすると、すべてのクエストが
解放されます!

プレミアムにアップグレード ← クエスト一覧へ戻る
← クエスト一覧

Partial型・Required型

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🔷 TypeScript / Quest 24 / 25

Partial型・Required型

基礎 +10 XP
🏠
今回の課題
interface User { name: string; age: number; email: string; } を定義して、 function updateUser(user: User, updates: Partial): User を作り、 スプレッド構文 { ...user, ...updates } でマージして返そう。 { name:"Alice", age:25, email:"alice@example.com" } に { age:26 } を適用して、 name と age をそれぞれ表示しよう。
📖 解説を見る
Partialはすべてのプロパティをオプショナルに、Requiredはすべてを必須にするユーティリティ型。
ヒントを見る
{ ...user, ...updates } でオブジェクトをマージできる。updatesの値がuserを上書きする。
期待する出力
Alice
26
📄 見本
「答えを見る」を押すと、お手本のコードが出ます。クリックでコピーできます。
💻 コードエディタ
実行すると結果がここに表示されます
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 1 正解 レッスンに戻る

全問正解でクエストクリア!

未挑戦

問題 1: interface Settings { theme: string; fontSize: number; } を定義し、Partial 型の変数 override = { theme: "dark" } を宣言して theme を表示しよう。

実行結果
実行できたよ!
もう一度チャレンジ!
📄 見本の出力
dark
コピーしました!