【JavaScript】メモ

デバック

// 文字列 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の構造を確認し取得する。