JavaScriptのメモ

変数

var shopname = 'Happy Shop';//グローバル変数(関数外で定義)
var group = 3;//ローカル変数(関数内で定義)
let price = 200;//ブロック変数
const tax = 10;//定数
var fruit = "apple:orange:banana";
var fruit = new Array();
var fruit = new Array(3);
var fruit = new Array("apple","orange","banana");
var fruit = ["apple","orange","banana"];

オブジェクト

var obj = { }; //空のオブジェクト
var obj = new Object(); //空のオブジェクト
var fruit_obj = {	//簡単なオブジェクト
    "name": "apple",
    "price": 200
};
var obj = [	//配列型のオブジェクト
{
    name : 'Apple',
    purchase : 30,
    area : [{addr: '東京', price: 100},
            {addr: '大阪', price: 110}]
},
{
    name : 'Orange',
    purchase : 40,
    area : [{addr: '東京', price: 200},
            {addr: '大阪', price: 190}]
}
];

Object.keys(obj[0]);//name,purchase,areaなどのキー名を配列として取得
//キーの配列をループ処理
Object.keys(obj).forEach(function(data) {//dataにキーが入っている
})
obj[0].area[0].price;//オブジェクトから個別に値を取得
'area2' in obj[0];//obj[0]にarea2が存在するか
obj[0].hasOwnProperty('name');//obj[0]にnameが存在するか
obj[0]['name'];//obj[0]にnameが存在するか

//var_dumpっぽい関数 function var_dump_obj(obj, level = 0) { var ret = ''; for (var key in obj) { for (var level_count = 0; level_count < level; level_count++) { ret += '    '; } var objtype = toString.call(obj[key]).slice(8, -1).toLowerCase(); if (objtype == 'object' || objtype == 'array') { ret += '[' + key + ']' + '<br>'; ret += var_dump_obj(obj[key], level + 1); } else if (objtype == 'string') { ret += key + ': "' + obj[key] + '"<br>'; } else { ret += key + ': ' + obj[key] + '<br>'; } } return(ret); }

文字列

fruit.length; //配列の数
fruit.substring(6, 11); //7文字目から12文字目までの文字列を取り出す
fruit.substr(6, 6); //7文字目から6文字
fruit.substr(-6, 3); //後ろから6文字目から3文字
fruit = str.split(":"); //:で分割して配列にする
fruit.replace("apple", "melon"); //appleをmelonに置換
fruit.indexOf("banana", 10); //10文字目からbananaを検索
wk.trim() //前後の空白を取り除く

基本構文

alert(name[0]); 
if (price < 100) {
} else if (price < 200) {
} else {
}
while (count <= 10) {
}
do {
  count++;
} while (count < 10);
for (var i = 1; i <= 10; i++) {
    break;
}
for (var fruit_data in fruit) {
}
function disp_price(id) {
}

var cookies = document.cookie; //Cookieを取り出す
var array = cookies.split(';'); //取り出したCookieを分解
document.cookie = "userid=1234"; //Cookieを書き込む

// == の反対が !== で === の反対が !=== と思われがち
if(name == "apple"){
}else if(name === "banana"){
}else if(name != "orange"){
}else if(name !== "melon"){
}
//JavaScriptでは < の位置は固定なので =< とか => は使えない
//アロー関数に => を取られたのが原因っぽい
if(price <= 100){
}else if(price >= 1000){
}

fruit.unshift("melon");
fruit.push("melon");
fruit.shift();
fruit.pop();
fruit.sort();
fruit3 = fruit.concat(fruit2);

エラー処理

try {
} catch (e) {
} finally {
}

数値、日時

Math.floor(Math.random() * 6) + 1;
Math.floor(10.5);

date = new Date(2021, 7, 1, 23, 59, 59);
date = new Date();
date = new Date('2021/7/1 23:59:59');
date.getTime();

桜の扉