最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript変数


JavaScriptの変数

JavaScript変数は、データ値を格納するための容器です。

この例では、 x, y 、及びz 、変数です。

var x = 5;
var y = 6;
var z = x + y;
»それを自分で試してみてください

上記の例から、あなたが期待することができます:

  • x値を格納する5
  • y値が格納さ6
  • z値を格納する11

代数のように多くの

この例では、 price1, price2 、およびtotal 、変数であります:

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
»それを自分で試してみてください

プログラミングでは、ちょうど代数のように、我々は(のような変数を使用price1値を保持します)。

プログラミングでは、ちょうど代数のように、私たちは式の中で変数を使用(total = price1 + price2)

上記の例から、計算することができtotal 11になるように。

JavaScript変数は、データ値を格納するための容器です。


JavaScriptの識別子

すべてのJavaScript 変数は、 一意 名前識別されなければなりません。

これらのユニークな名前が呼ばれる識別子です。

識別子は、(のような短い名前であることができるxy )、またはそれ以上の記述名(age, sum, totalVolume)

変数(一意識別子)の名前を構築するための一般的なルールは以下のとおりです。

  • 名前には文字、数字、アンダースコア、ドル記号を含めることができます。
  • 名前は文字で始まる必要があります
  • 名前も$と_で始めることができます(私たちは、このチュートリアルでは使用しません)
  • 名前は大文字と小文字を区別(yおよびYは異なる変数である)であります
  • (JavaScriptのキーワードのような)予約語を名前として使用することはできません

JavaScriptの識別子は大文字と小文字が区別されます。


代入演算子

JavaScriptでは、等号(=) 、「代入」演算子、ない」に等しい」演算子です。

これは代数とは異なります。 代数では意味がありません、以下:

x = x + 5

JavaScriptでは、しかし、それは完璧な理にかなっている:それは、xからx + 5の値を割り当てます。

(これは、x + 5の値を計算し、Xに結果を格納します。xの値が5によってインクリメントされます)

「等しい」演算子はように書かれている==のJavaScriptインチ


JavaScriptのデータ型

JavaScript変数は次のように100のような数字、およびテキスト値を保持することができる"John Doe"

プログラミングでは、テキスト値はテキスト文字列と呼ばれます。

JavaScriptは、多くのタイプのデータを扱うが、今のところ、ちょうど数値と文字列と考えることができます。

文字列は二重引用符または一重引用符の内側に書かれています。 数字は引用符なしで書かれています。

あなたが番号を引用符で囲む場合は、テキスト文字列として扱われます。

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
»それを自分で試してみてください

(作成)の宣言JavaScriptの変数

JavaScriptで変数を作成すると、変数を「宣言」と呼ばれています。

あなたがJavaScript変数を宣言varキーワード:

var carName;

宣言の後、変数には値がありません。 (技術的には、それは未定義の値を持ちます)

変数に値を割り当てる 、等号を使用します。

carName = "Volvo";

あなたはそれを宣言するときにも、変数に値を割り当てることができます。

var carName = "Volvo";

以下の例では、という変数を作成carNameし、値に割り当てる"Volvo"それに。

その後、我々 「出力」とHTML段落内の値id="demo"

<p id="demo"></p>

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
»それを自分で試してみてください

これは、スクリプトの先頭にあるすべての変数を宣言するのは良いプログラミングプラクティスです。


一つの文、多くの変数

1文で、多くの変数を宣言することができます。

声明を起動しvarとコンマで変数を区切ります:

var person = "John Doe", carName = "Volvo", price = 200;
»それを自分で試してみてください

宣言は、複数行にまたがることができます。

var person = "John Doe",
carName = "Volvo",
price = 200;
»それを自分で試してみてください

値=未定義

コンピュータプログラムでは、変数は、多くの場合、値なしで宣言されています。 値を計算しなければならないもの、またはユーザ入力のように、後述するものとすることができます。

値なしで宣言した変数は未定義値を持つことになります。

変数carNameは、この文の実行後は不定値になります。


再宣言JavaScriptの変数

あなたはJavaScript変数を再宣言すると、それはその価値を失うことはありません。

変数carNameはまだ、これらのステートメントの実行後、値「ボルボ」を持つことになります。

var carName = "Volvo";
var carName;
»それを自分で試してみてください

JavaScriptの算術

代数と同じように、あなたは=と+のような演算子を使用して、JavaScript変数と算術演算を行うことができます。

また、文字列を追加することができますが、文字列は、(追加されたエンド・ツー・エンド)に連結されます。

var x = "John" + " " + "Doe";
»それを自分で試してみてください

また、この方法を試してください。

あなたが引用符で番号を入れた場合、番号の残りの部分は文字列として扱われ、連結されます。


練習で自分自身をテスト!

演習1» 演習2» 演習3» 演習4» 演習5» 演習6»