JavaScript メモ

関数メモ

JS　即時関数の書き方とアロー関数の比較

//通常
(function(引数){処理内容}(返り値));

//アロー関数
((引数)=>{処理内容})(返り値);

Don't make functions with in a loop.

繰り返し文（for）のなかで関数を書き込んだら警告文が表示された。
問題なく動くようだが、気になる。

for (let i = 0;i < janken.length; i++){
    const tmpButton = document.createElement('button');
    tmpButton.id = 'j_button' + i ;
    tmpButton.innerText = janken[i] + '!!';
//***********************************
//この部分で警告文が表示
    tmpButton.onclick = (e) => {
      const you = e.target.id.replace('j_button', '');
      const com = (you + 2) % janken.length;
      jankenSpace.innerText = 'あなた'+ janken[you]+'\nあいて'+janken[com]+'\nもう一度やりますか？';
    };
//***********************************

}

for文の外で定義すれば警告文が出ないようだが、改善の再現ができない。。。

for-in の繰り返し文

オブジェクトから
1回ごとにプロパティを1つずつ変数に代入して処理で利用できるようになる

//構文
for(変数 in オブジェクト){
  //処理
}

「プロパティ」なので
hogeだけだと属性のみが表示される。

data[hoge]とすることで値を表示することができる。

//オブジェクト
let data= {
  name:'あんぱん'
  number:5
  price:300
}
//for-in文
for(let hoge in data){
  console.log(hoge);
  console.log(data[hoge]);
}

//出力結果
name
あんぱん
number
5
price
300