詳解JavaScript オブジェクト編 (全23回)
JavaScriptの配列、オブジェクト、クラスについて解説していきます。
このレッスンでは JavaScript (ES2017) を使用しています。
-
#01 配列を作ってみよう (02:15)
- 配列の作り方
- コンソールでの確認
-
#02 配列の要素にアクセスしてみよう (02:29)
- 添字によるアクセス
- constに関する注意点
- length
-
#03 オブジェクトを作ってみよう (02:08)
- オブジェクトの作り方
-
#04 オブジェクトを操作してみよう (02:49)
- プロパティへのアクセス方法
- プロパティの変更
- プロパティの削除
- 構文の確認
-
#05 クラスを作ってみよう (02:55)
- class
- メソッド
- constructor()
-
#06 メソッドを使ってみよう (02:54)
- new
- メソッドの作り方
- static
-
#07 クラスを継承してみよう (02:57)
- 継承
-
#08 オブジェクト型の挙動を理解しよう (02:58)
- 基本データ型とオブジェクト型
- 挙動の違い
-
#09 配列の要素を操作してみよう (01:57)
- unshift()
- push()
- shift()
- pop()
-
#10 spliceで配列を変更してみよう (02:50)
- MDN
- splice()
-
#11 forEachを使ってみよう (02:46)
- for
- forEach()
-
#12 map､filterを使ってみよう (02:40)
- map()
- filter()
-
#13 オブジェクトを操作してみよう (02:56)
- Object.keys()
- Object.values()
- Object.entries()
-
#14 スプレッド演算子を使ってみよう (02:45)
- スプレッド演算子
-
#15 分割代入を使ってみよう (02:41)
- 分割代入
- スプレッド演算子との併用
-
#16 文字列を操作してみよう (02:36)
- length
- substring
- 文字へのアクセス方法
-
#17 Mathオブジェクトを使ってみよう (02:55)
- Math.PI
- Math.random()
- Math.floor()
-
#18 Dateオブジェクトを使ってみよう (02:51)
- new Date()
- 年月日時分秒の取得
- getTime()
-
#19 Dateオブジェクトを操作してみよう (02:52)
- 特定日時のDateオブジェクト
- set系メソッド
- 日時計算
-
#20 alert､confirmを使ってみよう (01:37)
- alert()
- confirm()
-
#21 setIntervalで繰り返し処理をしよう (02:46)
- setInterval()
- clearInterval()
- 注意点
-
#22 setTimeoutを使ってみよう (02:44)
- setTimeout()
- clearTimeout()
- setInterval()との違い
-
#23 例外処理を使ってみよう (02:35)
- try ... catch ...
- エラーオブジェクト
補足情報 レッスンを始める前に
このレッスンは以下の基礎文法編の続編となっております。
・詳解JavaScript 基礎文法編 (全24回)
https://dotinstall.com/lessons/basic_javascript_grammer
また、このレッスンではChromeブラウザとAtomエディタを使っています。導入方法は以下のレッスンを覧ください。
・HTML/CSSの学習環境を整えよう [Windows編] (全4回)
https://dotinstall.com/lessons/basic_pcsetup_win
・HTML/CSSの学習環境を整えよう [macOS編] (全4回)
https://dotinstall.com/lessons/basic_pcsetup_mac