JavaScript

❮ 前章へ 次章へ ❯

JavaScriptは何をすることができますか?

JavaScriptはHTMLコンテンツを変更できます
JavaScriptはHTML属性を変更できます
JavaScriptはCSSスタイルを変更できます
JavaScriptはHTML要素を非表示にすることができます
JavaScriptは非表示のHTML要素を表示できます

例の説明


JavaScriptを挿入する場所

<head>内のJavaScript
<body>内のJavaScript
外部ファイルのJavaScript
外部URLのJavaScript
外部フォルダ内のJavaScriptr

Where to の説明


JavaScript出力

ウィンドウの警告ボックスに書き込みます
HTML出力へ書に書き込みます
HTML要素へ書に書き込みます
ブラウザコンソールへ書に書き込みます

Output の説明


JavaScript 構文

JavaScript 文
JavaScript 数値
JavaScript 文字列
JavaScript 変数
JavaScript 演算子
JavaScript 代入
JavaScript 式 (定数を使用)
JavaScript 式 (文字列を使用)
JavaScript 式 (変数を使用)
JavaScript キーワード
JavaScript コメント
JavaScriptは大文字と小文字を区別する

Syntax の説明


JavaScript ステートメント

JavaScriptステートメントはブラウザへのコマンドです
JavaScriptコードはステートメントが連続したものです
JavaScriptステートメントはセミコロンで区切ります
1行に複数のステートメントを記述できます
JavaScript文はコードブロックにグループ化することができます
演算子やカンマの後にコード行を改行することができます。

Statements の説明

JavaScriptのコメント 一行のコメント 行の最後に1行コメント 複数行のコメント 実行を妨げる単一行コメント 実行を防ぐために複数の行コメント

JavaScript Comments

Single line comments
Single line comments at the end of a line
Multiple lines comments
Single line comment to prevent execution
Multiple lines comment to prevent execution

Comments の説明


JavaScript 変数

JavaScript 変数
代数としてのJavaScript変数
JavaScript 数値と文字列
JavaScript var キーワード
1ステートメントで多数の変数を宣言
複数の変数を複数行で宣言
値のない変数は、undefinedを返す
変数を再宣言しても値は破壊されない
JavaScript数値の追加
JavaScript文字列の追加
文字列と数字の追加

Variables の説明


JavaScript 算術演算

加算 (+) 演算子
減算 (-) 演算子
乗算 (*) 演算子
除算 (/) 演算子
剰余 (%) 演算子
インクリメント (++) 演算子
デクリメント (--) 演算子

Arithmetic の説明


JavaScript 代入

= 代入演算子
+= 代入演算子
-= 代入演算子
*= 代入演算子
/= 代入演算子
%= 代入演算子

Assignment の説明


JavaScript 文字列連結

連結演算子 (+) 演算子を使用して2つの文字列を加算する
最初の文字列の最後にスペースを入れて2つの文字列を連結する
間にスペースを入れて2つの文字列を連結する
+= 演算子を使用して2つの文字列を連結する
文字列と数字の追加

Concatenation の説明


JavaScript データ型

文字列を宣言(作成)する
数値を宣言(作成)する
配列を宣言(作成)する
オブジェクトを宣言(作成)する
変数の型を見つける
2つの数値と文字列の加算
文字列と2つの数値の加算
未定義の変数
empty 変数

Data types の説明


JavaScript オブジェクト

JavaScript変数を作成する
JavaScriptオブジェクトを作成する
personオブジェクトを作成する(1行)
personオブジェクトを作成する(複数行)
.propertyを使用してオブジェクト・プロパティにアクセスする
[property]を使用してオブジェクトプロパティにアクセスする
メソッドとしての関数プロパティにアクセスする
プロパティとしての関数プロパティにアクセスする

Objects の説明


JavaScript 関数

簡単な関数
引数を持つ関数
引数が2の関数
値を返す関数
華氏を摂氏に変換する関数
() のない関数呼び出し

Functions の説明


JavaScript イベント

HTML要素を変更するonclickイベント
自身の要素を変更するonclickイベント
関数を呼び出すonclickイベント

Events の説明


JavaScript文字列

文字列は、一重引用符または二重引用符で書かなければならない
いくつかの文字列の例を表示する
引用符の中に引用符を使うには引用符の前にバックスラッシュを使う
文字列の長さを取得する
文字列をバックスラッシュで改行できる
コードをバックスラッシュで改行できない
文字列内で最初に出現するテキストの位置を探す - indexOf()
文字列内のテキストを検索し、見つかった場合はテキストを返す - match()
文字列の文字を置換する - replace()
文字列を大文字に変換する - toUpperCase()
文字列を小文字に変換する - toLowerCase()
文字列を配列に分割する - split()

Strings の説明


JavaScript 数値

Numberは15桁までの正確な数値
浮動小数点演算は常に100%正確ではない
しかし、10 の乗除算が役立つ
0x が前にある定数は、16進数として解釈される
toString()メソッドは、数値を16進数、8進数、2進数で出力できる
大きすぎる数を計算すると、JavaScriptは無限大を生成する
ゼロによる除算は無限大を生成する
文字列で区切られた数字は数字ではない

Numbers の説明


JavaScript Maths

Math.PIは、PIの値を返す
Math.round(x)は、xを丸た値を返す
Math.pow(x,y)は、xをy乗した値を返す x, y) returns the value of x to the power of y
Math.sqrt(x)は、xの平方根を返す
Math.abs(x)は、xの絶対値(正の値)を返す
Math.ceil(x)は、xを切り上げた値を返す
Math.floor(x)は、xを切り捨てた値を返す
Math.sin(x)は、角度x(ラジアン指定)の sin を返す
Math.cos(x)は、角度x(ラジアン指定)の cos を返す
Math.max()は、引数のリストから最大値を返す
Math.min()は、引数のリストから最小値を返す
摂氏から華氏への変換

Maths の説明


JavaScript 乱数

Math.random()は、0(以上)と 1(未満)の間の乱数を返す
0と9(両端含む)の間のランダムな整数を返す方法
0と10(両端含む)の間のランダムな整数を返す方法
0と99(両端含む)の間のランダムな整数を返す方法
0と100(両端含む)の間のランダムな整数を返す方法
1と10(両端含む)の間のランダムな整数を返す方法
1と100(両端含む)の間のランダムな整数を返す方法
x(以上)と y(未満)の間のランダムな整数を返す方法
xとy(両端含む)の間のランダムな整数を返す方法

Random の説明


JavaScriptの

JavaScript日付

Date()を使用して今日の日付と時刻を表示する
getFullYear()を使用して年を表示する
getTime()を使用して1970年からのミリ秒数を計算する
指定の日付を設定するためsetFullYear()を使用する
今日の日付(UTCに従った)を文字列に変換するために、toUTCString()を使用する
曜日を数字で表示するためにgetDay()を使用する
getDay()と配列を使用して曜日を名前で表示する
時計を表示する

Dates の説明


JavaScript 配列

配列を作成する
2つの配列を結合する - concat()
3つの配列を結合する - concat()
配列のすべての要素を1つの文字列に結合する - join()
配列の最後の要素を削除する - pop()
新しい要素を配列の最後に追加する - push()
配列内の要素の順序を逆にする - reverse()
配列の最初の要素を削除する - shift()
配列から要素を選択する - slice()
配列をアルファベットの昇順にソートする - sort()
数値のソート(数値の昇順) - sort()
数値のソート(数値の降順) - sort()
数値をアルファベットとしての数値順にソートする - sort()
数字をランダムな順序でソートする - sort()
数値プロパティでオブジェクトをソートする - sort()
文字列のプロパティでオブジェクトをソートする - sort()
配列内の位置2に要素を追加する - splice()
配列を文字列に変換する - toString()
新しい要素を配列の先頭に追加する - unshift()

Arrays の説明


JavaScript 型変換

すべての変数型のtypeofを表示する
すべての変数型のコンストラクタを表示する
String()を使用して数値を文字列に変換する
toString()を使用して数値を文字列に変換する
変数が配列かどうかを調べる
変数が日付かどうかを調べる

Type Conversion の説明


JavaScript ブール値

Boolean(10 > 9) の値を表示する
10 > 9 の値を表示する
実数値を持つものはすべて true
セロのブール値は false
マイナス・セロのブール値は false
空の文字列のブール値は false
undefinedのブール値は false
nullのブール値は false
falseのブール値は false
NaNのブール値は false

Booleans の説明


JavaScript 比較

xに5を代入し、(x == 8)の値を表示する
xに5を代入し、(x == 5)の値を表示する
xに5を代入し、(x === 5)の値を表示する
xに5を代入し、(x === "5")の値を表示する
xに5を代入し、(x != 8)の値を表示する
xに5を代入し、(x !== 5)の値を表示する
xに5を代入し、(x !== "5")の値を表示する
xに5を代入し、(x > 8)の値を表示する
xに5を代入し、(x < 8)の値を表示する
xに5を代入し、(x >= 8)の値を表示する
xに5を代入し、(x <= 8)の値を表示する

Comparisons の説明


JavaScript 条件

if 文
else 文
else if 文
ランダムリンク
Switch 文

Conditionals の説明


JavaScript ループ

For loop
HTML ヘッダをループ
While ループ
Do While ループ
ループからの脱出
ループ の break と continue
for ... in文を使用して、オブジェクトの要素をループする

Loops の説明


JavaScript エラー処理

try...catch 文
try...catch 文と confirm ボックス
onerror イベント

Errors の説明


JavaScript正規表現

文字列の検索式
検索式と置換

Regular Expressions の説明


JavaScriptオブジェクト

JavaScript変数の作成
JavaScriptオブジェクトの作成
JavaScriptオブジェクトの作成(1行)
JavaScriptオブジェクトの作成(複数行)
newを使用したJavaScriptオブジェクトの作成
コンストラクタを使用したJavaScriptオブジェクトの作成
組込みJavaScriptオブジェクトの作成
JavaScript変数を作成する最適な方法
JavaScriptオブジェクトは変更可能

Objects の説明


JavaScriptオブジェク・プロパティ

.propertyを使用したプロパティへのアクセス
[property]を使用したプロパティへのアクセス
for in を使用したプロパティへのアクセス
既存のオブジェクトに新しいプロパティを追加する
オブジェクトからのプロパティ削除

Object Properties の説明


JSONオブジェクト

.propertyを使用したプロパティへのアクセス
[property]を使用したプロパティへのアクセス
プロパティのループ
プロパティ値のループ
ネストしたJSONオブジェクトへのアクセス
ドット表記法を使用した値の変更
ブラケット記法を使用した値の変更
オブジェクト・プロパティの削除

JSON Object Properties の説明

JSON配列

配列値へのアクセス
for-inを使った配列のループ
forを使った配列のループ
ネストしたJSON配列にアクセスする
配列の値を変更する
配列の項目を削除する

JSON Arrays の説明

JSONパース

JSONパースを使用する
AJAXの例にJSONパースを使用する
配列にJSONパーをの使用する
日付のパース
reviver関数を使用して日付をパースする
関数のパース

JSON Parse の説明

JSON 文字列化

JSON stringifyを使用する
配列でのJSON stringifyの使用
日付を文字列化する
関数を文字列化する
toString()メソッドを使用して関数をストリング化する

JSON Stringify の説明

JSON PHP

JSON PHP

PHPファイルからJSONフォームを取得する
PHPからJSON配列を取得する
データベースからJSONを取得する
データベースからの結果をループする
POSTメソッドを使用してJSONを送信する

JSON PHP の説明

JSON HTML

JSONデータに基づいてHTMLテーブルを作成する
動的HTMLテーブルを作成する
JSONデータに基づいてHTMLドロップダウンリストを作成する

JSON HTML の説明

JSON JSONP

簡単なJSONPの例
動的なスクリプトタグを作成する
動的な結果を持つJSONPの例
コールバック関数を持つJSONPの例

JSON JSONP の説明


❮ 前章へ 次章へ ❯