2.[JS] 変数規則と文字連結

ここではJavaScriptの変数名規則、命令文の区切り、文字連結を解説しています。

1.JavaScriptの変数名規則

var header_height = $('#header').outerHeight(true);

■上記の header_height がJavaScriptの変数名です。

1.命名ルール

JavaScriptの中で使用する変数名には下記のルールがあります。

①使用できる文字は英数字、記号は_(アンダーバー)と$(ドル記号)のみ

②1文字目には数字は利用できません。

③大文字と小文字は区別されます

④変数名にはJavaScriptの予約語は使用できません

予約語一覧

＜例＞

2.変数の宣言

変数の宣言には var が基本です。

■宣言した場合：ローカル変数になります。

■宣言をしない場合：グローバル変数になります。

変数の宣言は var 以外に下記もあります。

let     ：値の書き換えが可能な変数宣言

const ：常数で書き換えはできない変数宣言

2.命令文の区切り、文字連結、加算

■命令文の区切りは;（セミコロン）を利用します。

PHPと同様です。

■文字連結は+（プラス）を利用します。

PHPは .（ドット）です。

※加算も+（プラス）です。加算する場合どうするか？は下記事例を見て下さい。

1.文字列の連結

文字列の連結には +（プラス）を利用します。

var first_text = 'abc';
var ans_text = first_text + 'def';
console.log(ans_text);

■"abcdef"が表示されます。

2.文字数字の連結

下記事例は加算ではなく、文字連結です。

var n1 = '1.2';
var n2 = n1 + '2'; // '2'でなく2でも同じ結果になります
console.log(n2);
console.log(typeof(n2));

■上記を実行すると下記が表示されます。上記は演算ではなく、文字数字が連結されただけです。

1.22　

string

3.文字数字の加算

加算をさせたい場合は、文字数字をNumber()で数値化します。

var n1 = '1.2';
var n2 = Number(n1) + 2;
console.log(n2);
console.log( typeof(n2) );

■上記を実行すると下記が表示されます。

3.2

number

■数値を文字列にする為にはString()を利用します。