JavaScriptの基礎集 | Notion

【目次】

基礎＆オブジェクト編

▼はじめに

thisと通常関数、アロー関数の扱いの違い

厳密なエラーチェックをする【'use strict';】

JavaScriptモジュールとは（import/export）

▼こんな時どうする？

文字列の中にスペースを入れたい

文字列の中で ’ や " を使いたい場合

文字列を改行したい、タブ（Tab）を入れたい場合

▼違い

命令の最後に ; をつける時とつけない時の違い

配列とオブジェクト（連想配列）の違い

▼データ型・false判定

データ型を確認する【typeof】

false判定されるもの

▼変数

定数・変数とは（代入も）

変数宣言の種類

テンプレート文字列（文字列の中に変数を入れる）

▼関数

コールバック関数

returnで値を返す方法と注意点（戻り値）

【基本】関数 / 関数式の書き方

関数で引数を使いたい

デフォルト値の設定方法

アロー関数

スプレッド構文（配列・オブジェクトを展開する ... ）レスト構文（配列・オブジェクトをまとめる ... ）

分割代入（オブジェクトと配列の値を簡単に代入できるようにする）

▼関数( if文 )

if else の構文を一文で書ける【条件演算子 ? :】

|| と && の本当の意味

===が複数続くときに【switch】

===と==、！==と！=の違い

▼くり返し処理

for文でのくり返し処理

for in と for of　※ブラウザ注意

配列やオブジェクトの繰り返し処理に【forEach(); / Object.keys();】

while文での繰り返し処理＆ do...while

forとwhileの使い分けの基準

配列の中身の足し合わせ・文字列の結合【reduceメソッド】

mapやfilterを使った配列の処理（繰り返し処理）

特定の回だけスキップ、それ以降の処理はされないようにしたい【continue, break】

タイマー機能【setInterval(), clearInterval()】

設定時間後に処理を実行【setTimeout(), clearTimeout()】

▼配列

配列の中にオブジェクトを入れる方法

配列の要素削除・追加・置き換えに（.splice()メソッド）

配列からランダムに一つ要素を選ぶ【おみくじ】

▼オブジェクト

プロパティの取得・変更・追加・削除

▼数値の操作

数値の合計・平均を求める【forEach()でいける】

小数点以下を切り捨てる・切り上げる【Math .floor(), Math .ceil()】

指定した桁数まで丸める【toFixed()】

四捨五入する【Math.round()】

▼ランダムな数値生成（乱数）

乱数を生成する（0 以上 1 未満）

ランダムな整数値を作る

確率を操作する方法【Math.random()のみ使用】

即時関数編

即時関数【基本 / 使い方】

非同期処理編

非同期処理【Promise, async/await】

DOM操作編

▼DOM・イベント伝播について