![Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 26配列• オブジェクトを作成します。var a = new Array();例 a[0] = 100;a[1] = 200;a[2] = 300;](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fjs-151024075754-lva1-app6891%2f75%2fJavaScript-26-2048.jpg&f=jpg&w=240)
![Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 27配列の特徴• []の中に変数が使えるa[ 変数 ]](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fjs-151024075754-lva1-app6891%2f75%2fJavaScript-27-2048.jpg&f=jpg&w=240)
![Copyright Ⓒ Yoshihiro Takahashi 2014 All Rights Reserved. 28配列• 記述例var a = new Array();a[0] = ‘ABC’;a[1] = ‘DEF’;a[2] = ‘GHI’;var a = new Array(‘ABC’, ‘DEF’, ‘GHI’);](/image.pl?url=https%3a%2f%2fimage.slidesharecdn.com%2fjs-151024075754-lva1-app6891%2f75%2fJavaScript-28-2048.jpg&f=jpg&w=240)
Recommended
More Related Content
What's hot
Viewers also liked
Similar to JavaScript 基礎文法のまとめ
![[コデアル][Programming24]Androidアプリ勉強会01](/image.pl?url=https%3a%2f%2fcdn.slidesharecdn.com%2fss_thumbnails%2fprogramming24android01-140525201635-phpapp02-thumbnail.jpg%3fwidth%3d640%26amp%3bheight%3d640%26amp%3bfit%3dbounds&f=jpg&w=240)
More from Yossy Taka
JavaScript 基礎文法のまとめ
- 1.
- 2.Copyright Ⓒ YoshihiroTakahashi 2012 AllRights Reserved.2文法の基礎をまとめました
- 3.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 3目次• 変数• 四則演算など• 条件分岐 if• 関数• 繰り返し for• 配列
- 4.Copyright Ⓒ YoshihiroTakahashi 2012 AllRights Reserved.4変数
- 5.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 5変数について• 変数とは– 値を入れるための「入れ物」– 値（数字など）を変化させたい場合に使用する– 「 var 変数 」 で、変数の宣言（作成）– 「 変数 ＝ 値 」で、変数に値を代入• 記述例var 変数 = 値 ;var 変数 = ‘文字’ ; // 文字はシングルクォート ‘’ で囲むvar 変数 = 値, 変数 = ‘文字’； // カンマ, で複数宣言
- 6.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 6ポイント= 値代入「＝」は、代入という意味です。「＝」の左側は「入れ物」、「＝」の右側は「値」となります数学の X=Y とは違いますXとYが等しいというイメージを捨てましょう入れ物
- 7.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 7変数名のルール• 使用できる文字は半角英字 数字 ＿ ＄のみ• 先頭は半角英字 ＿ ＄のみ• 半角英字の大文字・小文字は区別– 例• Abc と abc と abC は別の名前• 3data はNG、data3 はOK• $123 はOK、_abc はOK
- 8.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 8値の変更• 変数内の値の変更変数 = 数字;変数 = 変数 + 数字;– 記述例• 足し算 num = num + 1 ;• 引き算 num = num − 1 ;• かけ算 num = num ＊ 1 ;• 割算 num = num / 1 ;
- 9.文字表示の特長• 変数と文字の文字連結表示– プラス（＋）で連結する–文字は ‘ ’ で囲う– ‘文字’ + 変数 + ‘文字’• 記述例var n = 1;n = n + 1;A.style.marginLeft = n + ‘px’;
- 10.Copyright Ⓒ YoshihiroTakahashi 2012 AllRights Reserved.10四則演算など
- 11.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 11値の変更• 算術演算子演算子 意味 使用例+ 加算 a = 6 + 2; // 7- 減算 a = 6 - 2; // 4* 乗算 a = 6 * 2; // 12/ 除算 a = 6 / 2; // 3% 剰余 a = 7 % 2; // 1
- 12.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 12値の変更• 算術演算子の省略形（代入演算子）a = a + 2;a += 2;同じ意味＋ ー / ＊ % で同様に記述できる
- 13.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 13値の変更• 他の算術演算子（＋＋インクリメント, ーーデクリメント）a = a + 1;a += 1;a++;同じ意味＋ と ー で同様に記述できる
- 14.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 14値の変更• a++ と ++a の違いvar a = 1;a = ++a;console.log( 'aは‘ + a); // 2var b = 1;var c = b++;var d = b;console.log( 'cは' + c); // 1console.log( 'dは' + d); // 2
- 15.Copyright Ⓒ YoshihiroTakahashi 2012 AllRights Reserved.15条件分岐if
- 16.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 16条件分岐（if文）if (条件式１) {実行したい処理；}else if (条件式２) {実行したい処理；}else{実行したい処理；}
- 17.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 17条件分岐（if文）if (条件式１) {実行したい処理；}else if (条件式２) {実行したい処理；}else{実行したい処理；}条件式１が成立したとき、｛ ｝の中を実行する条件式１が成立せず、条件式２が成立したとき、｛ ｝の中を実行する条件式１と条件式２が成立しないとき、｛ ｝の中を実行する
- 18.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 18条件式の設定方法• 比較演算子A == B （等しい）’3’ == 3A === B （厳密に等しい）3 === 3A > B （より大きい）A < B （より小さい）A >= B （以上）A <= B （以下）A != B （等しくない）A !== B （厳密に等しくない）’3’ !== 3
- 19.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 19条件分岐（if文）if (パソコンの価格 ＜ ５万円) {パソコンを購入；}else{//条件を満たしていないときお店から出る；}• 普段からifは使っています
- 20.Copyright Ⓒ YoshihiroTakahashi 2012 AllRights Reserved.20関数
- 21.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 21function：処理をまとめる• ユーザーが事前に設定できる、命令文です。実行処理の再利用、一元管理するのに有効です。関数は、「作ること」と「使うこと」は別になりますので、勘違いしないよう気をつけてください。function 関数名(引数1,引数2,・・){実行したい処理；・・・return 戻り値;}
- 22.Copyright Ⓒ YoshihiroTakahashi 2012 AllRights Reserved.22繰り返しfor
- 23.Copyright Ⓒ 2015Yoshihiro Takahashi All Rights Reserved. 23for文の確認• for文とは– 特定の回数、繰り返し処理することができるfor( 変数初期化; 繰り返し条件; 変数の増減式) {繰り返したい処理;}
- 24.Copyright Ⓒ YoshihiroTakahashi 2012 AllRights Reserved.24配列
- 25.Copyright Ⓒ YoshihiroTakahashi 2012 All Rights Reserved. 25曜日を簡単に表示する• 配列を利用– CDケースみたいなもの・・・です。
- 26.Copyright Ⓒ YoshihiroTakahashi 2014 All Rights Reserved. 26配列• オブジェクトを作成します。var a = new Array();例 a[0] = 100;a[1] = 200;a[2] = 300;
- 27.Copyright Ⓒ YoshihiroTakahashi 2014 All Rights Reserved. 27配列の特徴• []の中に変数が使えるa[ 変数 ]
- 28.Copyright Ⓒ YoshihiroTakahashi 2014 All Rights Reserved. 28配列• 記述例var a = new Array();a[0] = ‘ABC’;a[1] = ‘DEF’;a[2] = ‘GHI’;var a = new Array(‘ABC’, ‘DEF’, ‘GHI’);