ray88’s diary

お仕事で困ったとき用の自分用の覚書

JavaScript

JavaScript オブジェクトの定義(オブジェクト変数の宣言)

■オブジェクトの定義 オブジェクト = {プロパティ名1:プロパティ値1,プロパティ名2: プロパティ値2,・・・・} ■空のオブジェクトを定義 var empty = {}; ■長さ5センチの赤ペンを定義 var pen = { color: "red";, length: 5 } ■使用例 <html> <head> <meta charset="UTF-8"> <script> var pen = { co</meta></head></html>…

JavaScript 関数の定義

JavaScript 目次 - ray88’s diary ■関数の定義 function 関数名(引数1,引数2,・・・・・) { 何らかの処理 return 戻り値; } ■使用例 function add(a,b) { return a + b; } var f = add(2,5); // f = 7 ■使用例2 摂氏から華氏を求める。華氏=摂氏×1.8+32 「Math…

JavaScript 繰り返しーcontinue文、break文

JavaScript 目次 - ray88’s diary ■while文でcontinueが呼ばれると、continue文以降の処理は実行されることなく、 「条件式1」の評価に戻り、while文の処理が継続される。 break文が呼び出されると、ループの処理が終わり、制御がwhile文の次に移動する。 f…

JavaScript 繰り返し-While文

JavaScript 目次 - ray88’s diary ■while分の書式 while ( ループ継続の条件分 ) { 命令文 } ※for文の初期化式とカウンタ更新を省略するとwhileBンと全く同じになる。while文をfor文で代用することも可能 for ( ループ継続の条件分; ) { 命令文 } ■使用例① f…

JavaScrip 繰り返し-for文

JavaScript 目次 - ray88’s diary ■for文の書式 for(初期化式; ループの条件式; カウンタ変数の更新){ 命令文 } (例) for(var i=1; i<=10; i++){ console.log(i) } ■使用例 <html> <head> <meta charset="UTF-8"> <script> function calcSum(){ var max = document.getElementById("max").value; var </meta></head></html>…

JavaScrip 配列

JavaScript 目次 - ray88’s diary ■配列の宣言と要素の代入 var point = [1,5,3,6,8,2] var names = ["tanaka","suzuki","kato","sato"] //配列要素を変数に代入 var a =point[0]; // a = 1 var b =point[1]; // b = 5 var c =point[2]; // c = 3 var x =nam…

JavaScript Switch文

JavaScript 目次 - ray88’s diary JavaScript Switch文サンプルコード - ray88’s diary ■Switch文の書式 switch (変数 もしくは 式) { case 値1: 命令文1; break; case 値2: 命令文2; break; case 値3: 命令文3; break; default: 命令文; break; } ■使用例 g…

JavaScript 目次

■基礎知識 JavaScript varとletの違い JavaScript 変数宣言と基本の演算子 JavaScript 比較の式(==、!=、<、>、<=、>=) JavaScript 比較の式(ANDとOR) JavaScript typeof 演算子 ・データ型を確認する JavaScript 条件式(If文) JavaScript if…

JavaScript 比較の式(ANDとOR)

JavaScript 目次 - ray88’s diary ■AND条件式: 条件式1 && 条件式2 && 条件式3・・・・・ ■OR条件式 : 条件式1 || 条件式2 || 条件式3・・・・・※以下のようにANDとORを組み合わせることも可能 (条件式1 && 条件式2) || (条件式3 && 条件式4) <html> <head> <meta charset="UTF-8"> <script> fun</meta></head></html>…

JavaScript 比較の式(==、!=、<、>、<=、>=)

JavaScript 目次 - ray88’s diary 条件式 説明 a=3,b=3の場合 a=3,b=5の場合 a == b aとbの値が同じ true false a != b aとbの値が違う false true a aよりbのほうが大きい false true a > b aのほうがbより大きい true false a aはb以下 true true a >= b a…

JavaScript 変数宣言と基本の演算子

JavaScript 目次 - ray88’s diary 【参考URL】 【JavaScript】let、const、varの違いと使い分け方法を徹底解説 - TECH PLAY Magazine <html> <head> <meta charset="UTF-8"> <script> var s; // 変数sを宣言 var r, score, point; // カンマ区切りで複数の変数を宣言 var a = 3; var b = 6; var c = a +</meta></head></html>…