TypeScript勉強記_Week3

- 基本の書き方
- スプレッド構文【更新】
- スプレッド構文とレスト構文の違い【追加】

- 型
- よく見られる型リスト【修正】
- number, string, boolean, object, array, tuple

次回からTypeScriptは少しお休みです！
第0章としてJavaScriptの勉強をしていきます！

Transcript

1. 文系出身プログラミング未経験人の TypeScript 勉強記 ~Week 3~
2. スプレッド構文【展開】 文字列や配列、オブジェクトの中身を展開できる構文 ・要素を指定して取り出すのは JSの基本的な構文 ・hobbiesの配列に要素を追加 ・pushを使って、定数に更に値を追加 ・スプレッド演算子：配列から全ての値を取り出す時に便利
3. 追加　スプレッド構文 ~オブジェクトの場合~ 新しいオブジェクトを追加する時などに、オブジェクトを展開 結果
4. レスト構文（残余引数）【集約】 複数の要素を一つにまとめることができる構文 ・「...」を引数の前に書く 受け取った残余引数は配列になる [ 1, 2, 3 ] ・通常の引数と残余引数が作成できる ※注意 ・残余引数は必ず最後の引数であること ・複数の残余引数は✖ ・残余引数の後に通常の引数は置けない
5. 追加　スプレッド構文とレスト構文の違い どちらも「 … 」と記載が必要　→　同じように見えるが違う！ ・スプレッド構文【展開】 　- 文字列や配列、オブジェクトの中身を展開 　- 文字列や配列などの反復可能オブジェクトは関数の引数として展開 　- 配列やオブジェクトを値渡しの形でコピー可能 ・レスト構文 【集約】 　- 引数を配列に圧縮 　- 引数がいくつになるか分からない場合でも対応
6. 第２章 型 TypeScriptは静的型付け言語、データ型の指定を明示的に行うことができる number 1, 3,7, -12 整数や浮動小数点を含む全ての数値 string ‘Hello‘, “Hello“, `Hello` 全ての文字列 boolean true, false true or false object {age: 23} 複数のプロパティとメソッドを持つことが できるデータ型【修正】 array [1, 2, 3, 4, 5] 数値や文字列など、型の要素の 集まりを格納【修正】 tuple [1, 2] TS独自の型：長さ固定の配列 enum enum { NEW, OLD } TS独自の型：列挙型 any * どんな値でもok、型を指定しない よく見られる型リスト
7. number number 1, 3,7, -12 整数や浮動小数点を含む全ての数値
8. string string ‘Hello‘, “Hello“, `Hello` 全ての文字列 シングルクォート又はダブルクォートで表現 バッククォートで改行と式の挿入 (${ })が可能
9. boolean boolean true, false true or false 真偽値については使い方・書き方があるので後ほど詳しく解説！
10. ちなみに・・・ JavaScriptはtruthyとfalsyで評価される概念がある 変数の型 falsyな値 truthyな値 boolean false true string ‘ ‘（空文字列） その他の文字列 number 0,NaN その他の数値 null 常にfalsy - undefined 常にfalsy - その他のオブジェクト（ {}や[]といった からのものも含む） - 常にtruthy
11. object型 object {age: 23} 複数のプロパティとメソッドを持つことが できるデータ型【修正】 { }の中にプロパティ名とその型を列挙する 型定義の部分でinterfaceを使う
12. array型 array [1, 2, 3, 4, 5] 数値や文字列など、型の要素の 集まりを格納【修正】 配列は [ ] で表す console.log(hoge);をすると... 型を複数指定 console.log(hoge2)をすると...
13. tuple型 tuple [1, 2] TS独自の型：要素の位置,型,長さ固定の配列 tuple型は要素の位置,型,長さを保持してくれる hoge1は[number, string]と指定されているためエラー