JavaScript 基礎文法のまとめ

JavaScript文法基礎まとめ

Copyright Ⓒ Yoshihiro Takahashi 2012 All
Rights Reserved.
2
文法の基礎を
まとめました

Copyright Ⓒ Yoshihiro Takahashi 2012 All Rights Reserved. 3
目次
• 変数
• 四則演算など
• 条件分岐 if
• 関数
• 繰り返し for
• 配列

Rights Reserved.
4
変数

変数について
• 変数とは
– 値を入れるための「入れ物」
– 値（数字など）を変化させたい場合に使用する
– 「 var 変数」で、変数の宣言（作成）
– 「変数＝値」で、変数に値を代入
• 記述例
var 変数 = 値 ;
var 変数 = ‘文字’ ; // 文字はシングルクォート ‘’ で囲む
var 変数 = 値, 変数 = ‘文字’； // カンマ, で複数宣言

ポイント
= 値
代入
「＝」は、代入という意味です。
「＝」の左側は「入れ物」、「＝」の右側は「値」となります
数学の X=Y とは違います
XとYが等しいというイメージを捨てましょう
入れ物

変数名のルール
• 使用できる文字は半角英字数字＿＄のみ
• 先頭は半角英字＿＄のみ
• 半角英字の大文字・小文字は区別
– 例
• Abc と abc と abC は別の名前
• 3data はNG、data3 はOK
• $123 はOK、_abc はOK

値の変更
• 変数内の値の変更
変数 = 数字;
変数 = 変数 + 数字;
– 記述例
• 足し算 num = num + 1 ;
• 引き算 num = num − 1 ;
• かけ算 num = num ＊ 1 ;
• 割算 num = num / 1 ;

文字表示の特長
• 変数と文字の文字連結表示
– プラス（＋）で連結する
– 文字は ‘ ’ で囲う
– ‘文字’ + 変数 + ‘文字’
• 記述例
var n = 1;
n = n + 1;
A.style.marginLeft = n + ‘px’;

Rights Reserved.
10
四則演算
など

値の変更
• 算術演算子
演算子意味使用例
+ 加算 a = 6 + 2; // 7
- 減算 a = 6 - 2; // 4
* 乗算 a = 6 * 2; // 12
/ 除算 a = 6 / 2; // 3
% 剰余 a = 7 % 2; // 1

値の変更
• 算術演算子の省略形（代入演算子）
a = a + 2;
a += 2;
同じ意味
＋ー / ＊ % で同様に記述できる

値の変更
• 他の算術演算子（＋＋インクリメント, ーーデクリメント）
a = a + 1;
a += 1;
a++;
同じ意味
＋とーで同様に記述できる

値の変更
• a++ と ++a の違い
var a = 1;
a = ++a;
console.log( 'aは‘ + a); // 2
var b = 1;
var c = b++;
var d = b;
console.log( 'cは' + c); // 1
console.log( 'dは' + d); // 2

Rights Reserved.
15
条件分岐
if

条件分岐（if文）
if (条件式１) {
実行したい処理；
}
else if (条件式２) {
}
else{
}

if (条件式１) {
}
else if (条件式２) {
}
else{
}
条件式１が成立したとき、
｛｝の中を実行する
条件式１が成立せず、
条件式２が成立したとき、
｛｝の中を実行する
条件式１と条件式２が
成立しないとき、｛｝の
中を実行する

条件式の設定方法
• 比較演算子
A == B （等しい）’3’ == 3
A === B （厳密に等しい）3 === 3
A > B （より大きい）
A < B （より小さい）
A >= B （以上）
A <= B （以下）
A != B （等しくない）
A !== B （厳密に等しくない）’3’ !== 3

if (パソコンの価格＜５万円) {
パソコンを購入；
}
else{//条件を満たしていないとき
お店から出る；
}
• 普段からifは使っています

Rights Reserved.
20
関数

function：処理をまとめる
• ユーザーが事前に設定できる、命令文です。
実行処理の再利用、一元管理するのに有効です。
関数は、「作ること」と「使うこと」は別になりますので、
勘違いしないよう気をつけてください。
function 関数名(引数1,引数2,・・){
・・・
return 戻り値;
}

Rights Reserved.
22
繰り返し
for

Rights Reserved.
24
配列

曜日を簡単に表示する
• 配列を利用
– CDケースみたいなもの・・・です。

配列
• オブジェクトを作成します。
var a = new Array();
例 a[0] = 100;
a[1] = 200;
a[2] = 300;

配列の特徴
• []の中に変数が使える
a[ 変数 ]

配列
• 記述例
var a = new Array();
a[0] = ‘ABC’;
a[1] = ‘DEF’;
a[2] = ‘GHI’;
var a = new Array(‘ABC’, ‘DEF’, ‘GHI’);

JavaScript 基礎文法のまとめ

Recommended

Recommended

More Related Content

What's hot

What's hot (9)

Viewers also liked

Viewers also liked (20)

Similar to JavaScript 基礎文法のまとめ

Similar to JavaScript 基礎文法のまとめ (9)

More from Yossy Taka

More from Yossy Taka (14)

Recently uploaded

Recently uploaded (8)

JavaScript 基礎文法のまとめ