Guppi StudioDRILL 01 / 値と関数
基本型とテンプレート文字列
string、number、boolean の型注釈を付け、値を一つの文字列へ整形します。
COURSE ROUTETypeScript Foundation
0 / 8
YOUR TASK
formatProfile() を完成させる
名前、年齢、有効状態を受け取り、`Taro (24) - active` の形式で返す関数を実装してください。有効状態が false の場合は inactive とします。
- 入力
- name は文字列、age は整数、isActive は真偽値です。
- 出力
- 指定された形式の文字列を返します。
BEFORE CODING
型注釈はどこに書く？
この関数が受け取るのは、名前、年齢、利用中かどうかの三つです。各引数の右側に型を書き、引数リストの後ろに戻り値の型 string を置きます。これで関数の入口と出口が読めるようになります。
formatProfile("Taro", 24, true) → "Taro (24) - active" 真偽値を表示用の語へ変える
isActive は true または false です。出力には active または inactive が必要なので、条件演算子で表示用の文字列へ変えます。
文字列の形を先に決める
テンプレート文字列に name、age、status を並べると、空白や括弧を含む完成形をコード上で確認できます。
SYNTAX RECALL
確認する構文
const label: string = "TypeScript";
const count: number = 3;
const enabled: boolean = true;
const message = `${label}: ${count}`;- 引数と戻り値に型注釈を付ける
- 条件演算子で active と inactive を選ぶ
- テンプレート文字列で値を埋め込む
STEPWISE HINTS
ヒント
01最初の一手
isActive の値によって status 変数へ異なる文字列を入れます。
02処理の組み立て
条件演算子は `条件 ? 真の場合 : 偽の場合` と書けます。
03コードの形
最後に `${name} (${age}) - ${status}` の形で返します。
AFTER ACCEPTED
解説
AC 後に解説が開きます
まずは自分の言葉で方針を説明し、コードに落としてみましょう。