(cache) サクッとJavascriptを理解するための文法まとめ（基本編）

１．文

（１）文の最後にセミコロン（;）をつける

（２）大文字、小文字は区別される

（３）コメント（単一行）　//コメント

（４）コメント（複数行）　/* コメント */

２．変数

（１）変数の宣言は「var 変数」とする

（２）変数の宣言と初期化は同時に可能
　　「 var a = 1; 」

（３）命名規則
　　①１文字目は、英字・アンダースコア( _ )・ドル記号（$）
　　②２文字目以降は、①または数字
　　③変数名の大文字、小文字は区別される
　　④Javascriptの予約語は使えない

お気に入り詳細を見る

３．コーディング規約

（１）基本
　　①１行あたり８０文字以下とする
　　②ファイルの末尾は改行する
　　③関数やオブジェクトの定義ブロックは空行で区切る
　　④文字コードは、UTF-8

（２）空白
　　①インデントは、スペース２個（タブは使わない）
　　②２項演算子は、空白で区切る
　　③カンマ、セミコロン、キーワードの後方には、空白を含める

（３）命名規則
　　①変数、関数名は、先頭を小文字のcamelCase形式とする
　　②定数名は、すべて大文字のアンダースコア形式（ABC_DEF）とする
　　③コンストラクタ（オブジェクト）名は、先頭大文字のCamelCase形式とする
　　④プライベートメンバは、「 _ 」で始める
　　⑤イベントハンドラ関数は、「on」で始める

（４）その他
　　①すべての変数は、宣言・初期化する
　　②変数の宣言は、重複しないこと
　　③配列・オブジェクトの生成には、リテラル構文を利用する
　　　[ ・・・ ]　{ ・・・ }
　　④真偽値をtrue、falseと比較しない
　　　if(a = true) 　　if(b = false)

お気に入り詳細を見る

４．データ型

（１）基本型　（値そのものが変数に直接格納される）
　　①数値型（number）
　　②文字列型（string）
　　　　シングル・ダブルクォートで囲まれた０個以上の文字の集合
　　③真偽型（boolean）
　　　　true / false
　　④特殊型（null / undefined）
　　　　値が未定義である

（２）参照型　（値を格納しているメモリ上のアドレスが変数に格納される）
　　①配列（array）
　　　　データの集合（各要素には、インデックス番号でアクセス可能）
　　②オブジェクト(object）
　　　　データの集合（各要素には名前でアクセス可能）
　　③関数（function）
　　　　一連の処理（手続き）の集合

お気に入り詳細を見る

５．リテラル

データ型に格納できる値そのもの、または値の表現方法のこと。
リテラルには、数値リテラル、文字列リテラル、配列リテラル、オブジェクトリテラル、
関数リテラル、未定義値などがある。

（１）数値リテラル
　　①整数リテラル
　　　　１０進数リテラル（100,10,1,0など）
　　　　８進数リテラル（0600,0644,0777など）
　　　　１６進数リテラル（0xFFFFFFなど）
　　②浮動小数点リテラル
　　　　1.5,3.14など

（２）文字列リテラル
　　①シングルクォーテーションで括られた文字列
　　　　’hello.Javascript !! '
　　②ダブルクォーテーションで括られた文字列
　　　　hello.Javascript !!

（３）配列リテラル
　　ひとつの変数に対して、複数の値を格納できる。
　　var a = ['bbb','ccc','ddd'];

（４）オブジェクトリテラル
　　名前をキーにアクセスできる配列です。
　　var obj = {x:1,y:2,z:3};
　　　　　　　{キー名１:値１,キー名２:値２,・・・}

　　アクセス方法は、以下の２種類あります。
　　　　オブジェクト名.プロパティ名（obj.x 、obj.y 、obj.z）
　　　　オブジェクト名['プロパティ名']（obj['x'] 、obj['y'] 、obj['z']）

（５）関数リテラル
　　入出力の口を持った処理のかたまり。

（６）未定義値（undefined）
　　変数の値が定義されていないことを表す値。

お気に入り詳細を見る

６．演算子

演算子とは、与えれた変数/リテラルに対して、
あらかじめ決められたなんらかの処理を行うための記号のことである。

　x = a + b; （左記の、＝と＋　が演算子です）

（１）算術演算子（数学的な演算を行う）
　　+　⇒　数値の加算　３ + ５＝８
　　-　 ⇒　数値の減算　５ - ３＝２
　　*　 ⇒　数値の乗算　5 * 3 =15
　　/　 ⇒　数値の除算　5 / 3 = 1
　　%　⇒　数値の剰余　5 % 3 = 2

（２）代入演算子（指定された変数に値を代入する）
　　=　⇒　変数などに値を代入する
　　+=　⇒　左辺の値に右辺の値を加算したものを代入する
　　-=　⇒　左辺の値から右辺の値を減算したものを代入する
　　*=　⇒　左辺の値から右辺の値を乗算したものを代入する
　　/=　⇒　左辺の値から右辺の値を除算したものを代入する

（３）比較演算子（左辺と右辺の値を比較し、その結果をtrue/falseとして返す）
　　== 　⇒　左辺と右辺の値が等しい場合は、true
　　!= 　⇒　左辺と右辺の値が等しくない場合は、true
　　< 　⇒　左辺が右辺より小さい場合は、true
　　<= 　⇒　左辺が右辺以下の場合は、true
　　> 　⇒　左辺が右辺より大きい場合は、true
　　>= 　⇒　左辺が右辺以上の場合は、true
　　===　⇒　左辺と右辺の値が等しく、データ型が同じ場合は、true
　　!==　⇒　左辺と右辺の値が等しくなくまたは、データ型が異なる場合は、true

（４）論理演算子（複数の条件式を論理的に結合し、その結果をtrue/falseとして返す）
　　&&　⇒　左右の式がともにtrueの場合は、true
　　||　⇒　左右の式がどちらかtrueの場合は、true
　　!　　⇒　式がfalseの場合は、true

お気に入り詳細を見る

７．制御命令

（１）選択処理
　　①if命令
　　　　if(条件式１){
　　　　　処理１
　　　　}else if(条件式２){
　　　　　処理２
　　　　}else{
　　　　　処理３
　　　　}
　　　　
　　②switch命令
　　　　switch(式){
　　　　　case 値１:
　　　　　　処理１
　　　　　case 値２:
　　　　　　処理２
　　　　　case 値３:
　　　　　　処理３
　　　　　default:
　　　　　　処理４
　　　　}

（２）反復処理
　　①while命令（条件式によって、ループを制御する）
　　　　while(条件式){
　　　　　　処理
　　　　}

　　②do while命令（条件によって、ループを制御する）
　　　　do{
　　　　　　処理
　　　　}while(条件)

　　③for命令（指定回数だけ、ループを制御する）
　　　　for(初期化式; ループ継続条件式; 増減式){
　　　　　　処理
　　　　}

　　④for in 命令（配列内の要素を順に処理する）
　　　　for(仮変数 in 配列){
　　　　　　処理
　　　　}