このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#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)
- スプレッド構文による配列のコピー
- 次のステップ
次におすすめのレッスン
体験JavaScript UI制作編 Vol.1 256times
「256times」の無料体験クラスを終えた方へ。このクラスではUI制作におけるJavaScriptの活用法について学んでいきます。
256times
