JavaScript(ジャバスクリプト)とは、HTML埋め込み型、オブジェクト指向、という特徴を持つ、クライアントサイド・スクリプト言語。HTMLやCSSなどと組み合わせることで、高度なウェブサイトを作れる。
HTML5の登場で、JavaScriptの重要性は、今まで以上に高まっている。
Hello World!
基本構文
変数
定数
データ型
リテラル
演算子
制御構造(制御構文)
ユーザー定義関数
ユーザー定義オブジェクト
組み込み関数
組み込み定数
組み込みオブジェクト
ブラウザオブジェクト
DOM
サンプル集
Hello World!
文字列「Hello World!」を、JavaScriptで、出力してみよう。
基本構文
基本的な構文について。
変数
変数の、命名規則、定義(代入)などについて。
定数
定数の、命名規則、定義(代入)などについて。
データ型
文字列(string)型、数値(number)型、論理(boolean)型、オブジェクト(object)型、undefined型などの、データ型がある。
リテラル
リテラルについて。
演算子
演算子について。
- 算術演算子「+」「-」「*」「/」「%」
- 単項マイナス演算子(算術否定演算子、符号反転演算子)「-」
- インクリメント演算子(加算子)「++」
- デクリメント演算子(減算子)「--」
- 代入演算子「=」
- 複合代入演算子
- 算術演算子と代入演算子の複合
- 文字列演算子「+」「+=」
- ビット演算子
- ビット論理積演算子「&」
- ビット論理積代入演算子「&=」
- ビット論理和演算子「|」
- ビット論理和代入演算子「|=」
- ビット排他的論理和演算子「^」
- ビット排他的論理和代入演算子「^=」
- 左シフト演算子「<<」
- 左シフト代入演算子「<<=」
- 右シフト演算子「>>」
- 右シフト代入演算子「>>=」
- 0埋め右シフト演算子「>>>」
- 0埋め右シフト代入演算子「>>>=」
- 比較演算子(関係演算子)
- 等価演算子「==」
- 型も含めて比較する等価演算子「===」
- 不等価演算子「!=」
- 型も含めて比較する不等価演算子「!==」
- 小なり演算子「<」
- 大なり演算子「>」
- 以下演算子「<=」
- 以上演算子「>=」
- 論理演算子
- 論理積演算子「&&」
- 論理和演算子「||」
- 論理否定演算子「!」
- メンバー演算子「.」「[]」
- メンバー演算子のドット表記法におけるプロパティの命名規則
- 条件演算子(三項演算子)
- カンマ演算子「,」
- delete演算子
- function演算子
- get演算子
- set演算子
- in演算子
- instanceof演算子
- let演算子
- let演算子を使いfor文内でのみ有効な変数を定義
- new演算子
- this演算子
- typeof演算子
- void演算子
- yield演算子
- 演算子の優先順位
制御構造(制御構文)
条件分岐や、ループなど、制御構造(制御構文)について。
- while
- whileループ文にて、breakでループを終了させる
- whileループ文において、continueで次の処理へスキップ
- 入れ子(ネスト)で多階層にしたwhile文
- 多階層whileループ文にて、breakでループを終了させる
- 多階層whileループ文にて、continueで次の処理へスキップ
- do-while
- do-whileループ文にて、breakでループを終了させる
- do-whileループ文において、continueで次の処理へスキップ
- 入れ子(ネスト)で多階層にしたdo-while文
- 多階層do-whileループ文にて、breakでループを終了させる
- 多階層do-whileループ文にて、continueで次の処理へスキップ
- for
- for文の3つの各式を複数にする
- for文の3つの各式を空にする
- forループ文にて、breakでループを終了させる
- forループ文にて、continueで次の処理へスキップ
- 入れ子(ネスト)で多階層にしたforループ文
- 多階層forループ文にて、breakでループを終了させる
- 多階層forループ文にて、continueで次の処理へスキップ
- forループ文で配列の要素をリスト表示
- forループ文で2次元配列の要素をリスト表示
- for-in
- for-inループ文にて、breakでループを終了させる
- for-inループ文にて、continueで次の処理へスキップ
- 入れ子(ネスト)で多階層にしたfor-inループ文
- 多階層for-inループ文にて、breakでループを終了させる
- 多階層for-inループ文にて、continueで次の処理へスキップ
- for-inループ文で連想配列の要素を表示
- for-inループ文で2次元の連想配列の要素を表示
- for each-in
- for each-inループ文にて、breakでループを終了させる
- for each-inループ文にて、continueで次の処理へスキップ
- 入れ子(ネスト)で多階層にしたfor each-inループ文
- 多階層for each-inループ文にて、breakでループを終了させる
- 多階層for each-inループ文にて、continueでループを終了させる
- break
- break文で、switch条件文を終了
- break文で、while文のループを終了
- break文で、do-while文のループを終了
- break文で、for文のループを終了
- break文で、for-in文のループを終了
ユーザー定義関数
ユーザー定義関数について。
ユーザー定義オブジェクト
ユーザー定義オブジェクトについて。
組み込み関数
組み込み関数について。
組み込み定数
組み込み定数(定義済み定数、定義済みグローバル定数)について。
組み込みオブジェクト
JavaScriptの組み込みオブジェクトについて。
ブラウザオブジェクト
JavaScriptにおけるブラウザに関するオブジェクトについて。
DOM
JavaScriptにおけるDOM(ドキュメントオブジェクトモデル)について。
- Documentオブジェクト
- Elementオブジェクト
- Anchorオブジェクト
- Linkオブジェクト
- Areaオブジェクト
- Baseオブジェクト
- Buttonオブジェクト
- Imageオブジェクト
- Objectオブジェクト
- Audioオブジェクト
- Videoオブジェクト
- IFrameオブジェクト
- Metaオブジェクト
- Tableオブジェクト
- Trオブジェクト
- Thオブジェクト
- Tdオブジェクト
- Formオブジェクト
- input type=button オブジェクト
- input type=submit オブジェクト
- input type=reset オブジェクト
- input type=image オブジェクト
- input type=text オブジェクト
- input type=password オブジェクト
- input type=search オブジェクト
- input type=tel オブジェクト
- input type=email オブジェクト
- input type=url オブジェクト
- input type=radio オブジェクト
- input type=checkbox オブジェクト
- input type=file オブジェクト
- input type=hidden オブジェクト
- input type=range オブジェクト
- Selectオブジェクト
- Optionオブジェクト
- Textareaオブジェクト
- Styleオブジェクト
- 表示
- 配置
- 幅、高さ
- マージン
- パディング
- ボーダー
- アウトライン
- 背景
- テキスト
- リスト
- テーブル
- 印刷
- その他
- イベント
- マウスイベント
- キーボ-ドイベント
- フォームイベント
- ドラッグ&ドロップイベント
- その他のイベント
- Eventオブジェクト
- EventTargetオブジェクト
- EventListenerオブジェクト
- DataTransferオブジェクト
- マウスイベントオブジェクト
- キーボードイベントオブジェクト
サンプル集
JavaScript(ジャバスクリプト)で作った、ちょっと便利なサンプル集。逆引き的に目的から探せる。