このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 より複雑なデータを扱ってみよう (02:32) 無料公開中- 複雑なデータの例
- レッスンのアウトライン
- 配列のリテラル表現
-
#02 配列を作ってみよう (02:17) 無料公開中- 配列の作成
- 改行を使った表現
- コンソールでの表示
- 要素、インデックス
-
#03 配列の要素にアクセスしてみよう (02:03) 無料公開中- インデックスによるアクセス
- lengthによる要素数の表現
- 値の変更
-
#04 constの挙動を確認しよう (02:06) 無料公開中- constの挙動
- 配列における注意点
-
#05 先頭､末尾の要素を操作してみよう (02:02) 無料公開中- push()
- pop()
- unshift()
- shift()
-
#06 配列と反復処理を組み合わせよう (02:25)- for
- lengthの活用
-
#07 forEach()の挙動を理解しよう (02:32)- forEach()
- forとの違い
-
#08 forEach()で配列を処理してみよう (01:42)- forEach()
- インデックスの取得
-
#09 配列の値を集計してみよう (02:19)- 合計の計算
- 平均の計算
-
#10 オブジェクトを使ってみよう (02:14)- オブジェクトのリテラル表現
- プロパティ、キー、値
- 値へのアクセス方法
-
#11 プロパティにアクセスしてみよう (02:55)- オブジェクトの作成
- コンソールでの表示
- プロパティの順序
- 値の表示
-
#12 プロパティを追加､削除してみよう (01:26)- プロパティの追加
- delete
-
#13 Object.entries()を使ってみよう (02:45)- Object.entries()
- プロパティの表示
-
#14 オブジェクトの値を集計してみよう (02:00)- 合計の算出
- 平均の算出
-
#15 splice()の挙動を理解しよう (02:29)- splice()
- splice()の返り値
-
#16 splice()で配列を操作してみよう (02:34)- splice()の挙動
- 答え合わせ
-
#17 join()､split()を使ってみよう (02:44)- join()
- split()
-
#18 map()で新しい配列を作ってみよう (02:56)- forEach()による配列の作成
- map()による書き換え
-
#19 filter()で新しい配列を作ってみよう (02:51)- forEach()による配列の作成
- filter()による書き換え
-
#20 分割代入を使ってみよう (02:27)- 定数への代入
- 分割代入による書き換え
- 記法に関する注意点
-
#21 分割代入で値を入れ替えよう (02:43)- 値の入替え
- 分割代入による書き換え
-
#22 レスト構文で余った要素を受け取ろう (01:34)- レスト構文
- レスト構文に関する注意点
-
#23 スプレッド構文で要素を取り出そう (02:07)- スプレッド構文
- レスト構文との違い
-
#24 オブジェクトも操作してみよう (02:58)- オブジェクトでの分割代入
- オブジェクトでのレスト構文
- オブジェクトでのスプレッド構文
-
#25 値のバックアップをとってみよう (02:46)- 数値の場合
- 配列の場合
-
#26 代入時の挙動を理解しよう (02:10)- 数値や文字列の場合の挙動
- 配列やオブジェクトの場合の挙動
-
#27 スプレッド構文で値のコピーを作ろう (02:24)- スプレッド構文による配列のコピー
- 次のステップ
