news
2017年6月 ECMAScript 2017 がリリースされました。
2016年6月 ECMAScript 2016 がリリースされました。
2015年6月 ECMAScript 2015 (ECMAScript 6、ES6)がリリースされました。→表記がバージョン番号から年になりました。
2009年12月 ECMAScript5がリリースされました。
リンク
| https://caniuse.com/ | ブラウザの対応状況を確認できます。 使用方法はCan I use ?のuseの後に調べる語句を入力します。 |
基本
- JavaScriptの動かし方とconsole.logの確認方法
- JavaScript Chromeブラウザでデバッグする方法
- JavaScript 変数の宣言のvar/let/constの違い
- JavaScript データ型
- JavaScript 計算のサンプル(演算/代入演算子/インクリメント/デクリメント)
- JavaScript textContentとinnerHTMLの違いのサンプル
- JavaScript エスケープシーケンスのサンプル
- JavaScript 例外処理のサンプル(try...catchとthrow)
- JavaScript 変数の巻き上げのサンプル
制御文
- JavaScript if文のサンプル
- JavaScript if文の == と === の違い
- JavaScript for文とbreakとcontinueのサンプル
- JavaScript switch文のサンプル
- JavaScript while文とdo...while文のサンプル
関数
- JavaScript 関数のサンプル
- JavaScript 再帰関数のサンプル
- JavaScript 関数のデフォルト引数のサンプル
- JavaScript 無名関数(アロー関数式)と即時関数のサンプル
- JavaScript クロージャのサンプル
- JavaScript 引数/戻り値が関数のサンプル(高階関数)
- JavaScript argumentsオブジェクトとcalleeのサンプル
- JavaScript call/applyメソッド(Functionオブジェクト)
- JavaScript bindメソッド(Functionオブジェクト)
- JavaScript コールバック関数のサンプル
オブジェクト
- JavaScript オブジェクトを作成するサンプル
- JavaScript prototypeでメソッドを追加するサンプル
- JavaScript 継承のサンプル(プロトタイプチェーン)
- JavaScript 連想配列のサンプル
- JavaScript JSONをJavaScriptオブジェクトにする(parse)
- JavaScript JavaScriptオブジェクトをJSONにする(stringify)
- JavaScript クラスのサンプル
- JavaScript クラスの継承のサンプル
- JavaScript Promiseオブジェクトのサンプル
- JavaScript 非同期通信でJSONを取得する(Fetch API)
組み込みオブジェクト (ビルトインオブジェクト)
JavaScriptに組み込まれているオブジェクトです。
ブラウザ上だけでなくJavaScriptが動く環境で使用できます。
Arrayオブジェクト (配列とその関連)
- JavaScript 配列の使い方のサンプル
- JavaScript if文で配列を比較するサンプル
- JavaScript for...in文とfor...of文のサンプル
- JavaScript 配列のメソッドのサンプル(Arrayオブジェクト)
Stringオブジェクト
- JavaScript 文字列から文字列の一部を取得する(substring)
- JavaScript 文字列から文字列の一部を取得する(slice)
- JavaScript 文字列から文字列の一部を取得する(substr)
- JavaScript 文字列から１文字を取得する(charAt)
- JavaScript 文字コードを取得する(charCodeAt)
- JavaScript Unicodeコードポイントを取得する(codePointAt)
- JavaScript Unicodeの文字コードから文字を取得(fromCodePoint/fromCharCode)
- JavaScript 文字列の長さを取得する(length)
- JavaScript 文字列の位置を取得するサンプル(indexOfとlastIndexOf)
- JavaScript 文字列の大文字と小文字を変換する(toLowerCaseとtoUpperCase)
Mathオブジェクト
- JavaScript 切り上げのサンプル(ceil)
- JavaScript 切り捨てのサンプル(floor)
- JavaScript 四捨五入のサンプル(round)
- JavaScript ランダムな数値を取得する(random)
- JavaScript べき乗を計算する(pow)
Dateオブジェクト
正規表現関連
- JavaScript 文字列を区切り文字で分割する(split)
- JavaScript 文字列を置き換える(replace)
- JavaScript 正規表現で文字列を検索し数値を返す(search)
- JavaScript 正規表現で文字列を検索し値を返す(match)
- JavaScript 正規表現で文字列を検索し真偽値を返す(test)
- JavaScript 正規表現で文字列を検索し値を返す(exec)
その他
- JavaScript URIエンコード(encodeURIComponentとdecodeURIComponent)
- JavaScript 文字列と数値の変換(parseInt/Number/String/+演算子)
- JavaScript 数値の表記を指定する(Numberオブジェクト)
- JavaScript マップのサンプル(Map)
- JavaScript セットのサンプル(Set)
ブラウザオブジェクト
Windowオブジェクト
- JavaScript ウィンドウ/ダイアログを開くサンプル(windowオブジェクト)
- JavaScript 一定間隔で処理を繰り返す(setInterval)
- JavaScript 指定した時間の経過後1度処理を実行する(setTimeout)
- JavaScript ページを遷移するサンプル(location/history)
Formオブジェクト
- JavaScript ラジオボタンの値を取得/設定するサンプル
- JavaScript チェックボックスの値を取得/設定するサンプル
- JavaScript セレクトボックスの値を取得/設定するサンプル
- JavaScript hiddenの値を取得/設定するサンプル
- JavaScript テキストボックスの値を取得/設定するサンプル
- JavaScript テキストエリアの値を取得/設定するサンプル
- JavaScript パスワード入力欄の値を取得/設定するサンプル
- JavaScript リストボックスの値を取得/設定するサンプル
- JavaScript 数値入力欄の値を取得/設定するサンプル
その他
DOM
- JavaScript ID属性で取得/設定する(getElementById)
- JavaScript タグ単位で取得/設定する(getElementsByTagName)
- JavaScript クラス単位で取得/設定する(getElementsByClassName)
- JavaScript name属性で取得/設定する(getElementsByName)
- JavaScript セレクタで要素を取得する(querySelector)
- JavaScript セレクタで複数の要素を取得する(querySelectorAll)
- JavaScript 全ての子の要素を取得/設定する(children)
- JavaScript 最初の子の要素を取得して移動する(firstElementChild)
- JavaScript 最後の子の要素を取得して移動する(lastElementChild)
- JavaScript 属性値を取得/設定する(getAttribute/setAttribute)
- JavaScript 要素を追加/削除する(createElement/removeChild)
- JavaScript ノードを置換するサンプル(replaceChild)
イベント
- JavaScript イベントとイベントハンドラのサンプル
- JavaScript イベントリスナを登録する(addEventListener)
- JavaScript イベントリスナを削除する(removeEventListener)
- JavaScript イベントのバブリングとキャンセル(stopPropagation)
- JavaScript イベントを無効化する(preventDefault)
- JavaScript マウスイベントのサンプル