デバック
// 文字列 console.log('test');
// 変数 var name = 'leveliving'; console.log(name);
変数初期化
// 変数初期化 初期値は「undefined」 var name; // 変数初期化+代入 var name = 'leveliving';
配列初期化
// シンプル初期化 var array = []; // 初期化 + 値代入 var array = [1,2,3];
配列の表示
// 最初の値 array[0]; // 最後の値 array.length -1;
配列の加工
// 配列から最後の要素を取り除き、値を返す。
array.pop();
// 配列から最初の要素を取り除き、値を返す。
array.shift();
// 配列の最後に 1 個以上の要素を追加する。元のインデックスは変更なし
array.push('sword');
array.push('sword', 'shield');
// 配列の最初に 1 個以上の要素を追加し、インデックスをスライドさせる。
array.unshift('sword');
array.unshift('sword', 'shield');
fecth API
fetch(api, {
method: "POST",
}).then( response => {
return response.json();
}).then( data => {
phpData = data.result[0].body;
// json_encodeが上手くいかない時は、JSON.parseで変換する
createBlock(JSON.parse(phpData));
}).catch(error => {
throw new Error("ネットワークエラー");
});
PHPのreturnデータ取得
fetch(api, { method: "POST", })
.then( response => { return response.json();})
.then( data => { phpData = data.result[0].body;})
.catch( error => { throw new Error("ネットワークエラー")
});
一回目のthenの引数が二回目のthenへ渡される。
dataの構造を確認し取得する。