JavaScriptの例

JavaScriptでできること

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

JavaScriptを挿入する場所

<head>内のJavaScript <本文>の JavaScript 外部ファイルのJavaScript 外部 URLのJavaScript 外部フォルダー内のJavaScript

説明する場所

JavaScript出力

HTML 出力への書き込み HTML要素への書き込みウィンドウアラートボックスへの書き込みブラウザコンソールへの書き込み

出力の説明

JavaScript構文

JavaScriptステートメント JavaScriptの数字 JavaScript文字列 JavaScript変数 JavaScript演算子 JavaScriptの割り当て JavaScript式(定数を使用) JavaScript式(文字列を使用) JavaScript式(変数を使用) JavaScriptキーワード JavaScriptコメント JavaScriptは大文字と小文字を区別します

構文の説明

JavaScriptステートメント

JavaScriptステートメントはブラウザへのコマンドです JavaScriptコードはステートメントのシーケンスです JavaScriptステートメントはセミコロンで区切ります 1行に複数のステートメントを使用できます JavaScriptステートメントをコードブロックにまとめることができます演算子またはコンマの後でコード行を分割できます

ステートメントの説明

JavaScript コメント

一行コメント行末の単一行コメント複数行のコメント実行を防ぐ単一行コメント実行を防ぐための複数行のコメント

コメントの説明

JavaScript変数

JavaScript変数代数としてのJavaScript 変数 JavaScriptの数値と文字列 JavaScript varキーワード 1つのステートメントで多くの変数を宣言する多くの変数を複数行で宣言する値のない変数は未定義の値を返します変数を再宣言しても値は破棄されません JavaScriptの数値を追加する JavaScript文字列の追加文字列と数値の追加

変数の説明

JavaScript算術

加算 (+) 演算子減算 (-) 演算子乗算 (*) 演算子除算 (/) 演算子モジュラス (%) 演算子インクリメント (++) 演算子デクリメント (--) 演算子

算数の説明

JavaScriptの代入

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

割り当ての説明

JavaScript文字列連結

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

連結の説明

JavaScriptデータ型

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

データ型の説明

JavaScriptオブジェクト

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

オブジェクトの説明

JavaScript関数

シンプルな機能引数を持つ関数引数 2 を持つ関数値を返す関数華氏を摂氏に変換する関数 ()のない関数呼び出し

JavaScriptイベント

onclickイベントはHTML要素を変更します onclickイベントは独自の要素を変更します onclickイベントは関数を呼び出します

イベントの説明

JavaScript文字列

文字列は、一重引用符または二重引用符で記述できます文字列の例をいくつか示します引用符の前のバックスラッシュは、引用符を引用符として受け入れます文字列の長さを見つけるバックスラッシュでテキスト文字列を分割できますバックスラッシュでコードを分割することはできませんテキストが最初に出現する位置を見つける文字列 - indexOf() 文字列内のテキストを検索し、見つかった場合はテキストを返します- マッチ（）文字列内の文字を置き換える - replace() 文字列を大文字に変換 - toUpperCase() 文字列を小文字に変換 - toLowerCase() 文字列を配列に分割する - split()

文字列の説明

JavaScriptの数字

数値は小数の有無にかかわらず記述できます極大または極小の数は指数表記で記述できます数字は15桁までしか正確と見なされません浮動小数点演算は常に100%正確であるとは限りませんしかし、それは10で掛けたり割ったりするのに役立ちます 2つの数を足すと新しい数になる 2つの数値文字列を追加すると、連結された文字列になります数値と数値文字列を追加しても、連結された文字列になります数値文字列と数値を追加すると、連結された文字列にもなります文字列と数字を追加する際のよくある間違い1 文字列と数字を追加する際のよくある間違い2 JavaScript は分割時に文字列を数値に変換しようとします JavaScript は乗算時に文字列を数値に変換しようとします JavaScript は減算時に文字列を数値に変換しようとします JavaScript は、追加時に文字列を数値に変換しません文字列で割った数値はNaN(Not a Number) 数値文字列で割った数値は数値ですグローバル JavaScript 関数 isNaN() は、値が数値の場合に戻ります数学演算でNaNを使用すると、常にNaNが返されます。数学的な文字列演算でNaNを使用すると、NaNが連結されます NaN(非数値)は数値です(はい! typeof NaNは数値を返します) 可能な最大数以外の数を計算すると、無限大が返されますゼロによる除算も無限大を生成します Infinityは数値です(typeof Infinity は数値を返します) 0xで始まる定数は、16進数として解釈されます toString() メソッドは、数値を16進数、8進数、および2進数として出力できます数値はオブジェクトにすることができます数値とオブジェクトは安全に比較できませんオブジェクトとオブジェクトを安全に比較できない

数字の説明

JavaScript数値メソッド

toString()メソッドは数値を文字列に変換します valueOf()メソッドは数値を数値として返します toExponential()は指数表記の数値を返します toFixed()メソッドは、数値を桁数に丸めます指定された長さで書き込まれた数値のtoPrecision()メソッドグローバルメソッドNumber()は変数を数値に変換しますグローバルメソッドNumber()は、日付を数値に変換することもできますグローバルメソッドparseInt()は文字列を数値に変換しますグローバルメソッドparseFloat()は文字列を数値に変換します MAX_VALUEは、JavaScriptで可能な最大数を返します MIN_VALUEは、JavaScriptで可能な最小の数値を返します POSITIVE_INFINITYは無限大を表します POSITIVE_INFINITYはオーバーフロー時に返されます NEGATIVE_INFINITYは負の無限大を表しますオーバーフロー時にNEGATIVE_INFINITYが返される NaNは「非数」を表します文字列に対して実行される算術演算はNaNになります変数で数値プロパティを使用すると、未定義が返されます

Numbersメソッドの説明

JavaScript数学

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

JavaScriptランダム

Math.random()は、0(含まれる)から1(含まれない)までの乱数を返します 0から9までのランダムな整数を返す方法(両方を含む) 0から10までのランダムな整数を返す方法(両方を含む) 0から99までのランダムな整数を返す方法(両方を含む) 0から100までのランダムな整数を返す方法(両方を含む) 1から10までのランダムな整数を返す方法(両方を含む) 1から100までのランダムな整数を返す方法(両方を含む) x(含まれる)とy(含まれない)の間のランダムな整数を返す方法 xとyの間のランダムな整数を返す方法(両方を含む)

ランダム説明

JavaScript日付

Date() を使用して、今日の日付と時刻を表示します getFullYear()を使用して年を表示します getTime()を使用して、1970年以降のミリ秒数を計算します setFullYear()を使用して特定の日付を設定する toUTCString()を使用して、今日の日付(UTC による)を文字列に変換します getDay()を使用して曜日を数字で表示します getDay()と配列を使用して、曜日を名前として表示します時計を表示する

日付の説明

JavaScript配列

配列の作成 I アレイの作成 II 配列要素にアクセスする配列要素を変更する完全な配列にアクセスする配列の長さを見つける配列をループする配列に要素を追加する配列に未定義の「穴」を追加する配列を認識する I 配列 II を認識する

配列の説明

JavaScript配列メソッド

配列に要素を追加する配列の最後の要素を削除する - pop() 配列のすべての要素を文字列に結合 - join() 2つの配列を結合する - concat() 3つの配列を結合する - concat() 配列の位置2に要素を追加する - splice() 配列を文字列に変換する - toString() 配列の先頭に新しい要素を追加する - unshift() 配列の最初の要素を削除する - shift() 配列から要素を選択する - slice()

配列メソッドの説明

JavaScript配列ソート

配列を昇順に並べ替える配列を降順に並べ替える数値の配列を昇順に並べ替える数値の配列を降順に並べ替える数字の並べ替え(アルファベット順または数字順) 配列番号をランダムに並べ替える配列内の最小数を見つける配列内の最大数を見つける Math.min()を使用して、配列内の最小の数値を見つけます Math.max() を使用して配列内の最大数を見つける「自家製」のmyArrayMinメソッドを使用する「自家製」のmyArrayMaxメソッドを使用する数値プロパティでオブジェクトを並べ替えるオブジェクトを文字列プロパティで並べ替える

配列ソートの説明

JavaScript配列の反復

Array.forEach() Array.map() Array.filter() Array.reduce() Array.reduceRight() Array.every() Array.some() Array.indexOf() Array.lastIndexOf() Array.find() Array.findIndex()

配列反復の説明

JavaScript型変換

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

型変換の説明

JavaScriptブール値

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

ブール値の説明

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)の値を表示

比較の説明

JavaScript条件

ifステートメント else ステートメント else if ステートメントランダムリンク Switch ステートメント

条件の説明

JavaScriptループ

For loop looping an Array HTMLヘッダーをループする While loop Do While loop Break a loop Break and countinue a loop for...in ステートメントを使用してオブジェクトの要素をループします

ループの説明

JavaScripエラー処理

try...catchステートメント確認ボックス付きのtry...catchステートメント onerror イベント

エラーの説明

JavaScript正規表現

文字列内の式を検索する式を検索して置換する

正規表現の説明

JavaScriptオブジェクト

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

オブジェクトの説明

JavaScriptオブジェクトのプロパティ

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

オブジェクトプロパティの説明

JSONオブジェクト

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

JSONオブジェクトのプロパティの説明

JSON配列

配列値へのアクセス for-inを使用して配列をループする forを使用して配列をループするネストされたJSON配列にアクセスする配列値を変更する配列アイテムの削除

JSON配列の説明

JSON Parse

JSON parseを使用する AJAXの例でのJSON parseの使用配列でのJSON parseの使用日付の解析 reviver関数を使用した日付の解析解析関数

JSONパースの説明

JSON文字列化

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

JSON文字列化の説明

JSON PHP

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

JSON PHPの説明

JSON HTML

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

JSON HTMLの説明

JSONJSONP

簡単なJSONPの例ダイナミックスクリプトタグを作成する動的な結果を含むJSONPの例コールバック関数を使用したJSONPの例

JSON JSONPの説明

チュートリアル