今週の学び 第12回

今週の学び

jQueryなど

• prop()

  • HTML 要素に付与されている「id・class・name」などの属性や「checked・selected」などのプロパティを取得できる

• 文字列結合

  • let address = '東京都' + '千代田区';
    console.log(address);

    東京都千代田区
    のように、+演算子を使用して複数の文字列を 1 つに連結できる

• 連想配列

  • 連想配列とは自動的に割り当てられる数字をキーとして持つかわりに、自由に任意の文字列を割り振ることができる配列のこと
    キーを任意に指定できることによって、そこに格納されている値が何のことであるかということがより簡単に連想できるようになっている

• Math.floor

  • 対象の値の小数点以下を切り捨てる

• .map()

  • ループ処理に使う

• $("セレクタ , セレクタ")

  • 複数のセレクタを,（カンマ）で区切って記述することで、各セレクタにマッチしたもの全てを選択

• 関数

  • 仮引数 (parameter)：関数を定義する際に指定し、関数呼び出し時に渡された値が入る変数
    実引数 (argument)：関数を呼び出す際に指定し、関数呼び出し時に渡される実際の値

    function example(a) { // 仮引数
    console.log(a);
    }

    example(1); // 実引数

    などと使う

• if 文

  • 事象の分岐が 2 択なら片方の処理だけ書くことで、もう片方は else を書かなくても処理される

• グローバル関数

  • ルーレットやランダムの数字などは初期値 0 でグローバル関数にしておく

• indexOf

  • 指定した値が含まれる場合にはその要素のインデックスを、含まれない場合には -1 を返す

• includes

  • 文字列や配列の中に引数で指定した値が含まれているかをチェックするメソッド
    調べたい対象に対して、含まれているか調べたい値を指定する
    調べたい値が含まれる場合には true を、含まれない場合には false を返す

• if 文は 0 かそうでないかを見てる

  • roulette_number === 11 || 22|| 33|| ← ダメ

  roulette_number === 11 || ←○
  roulette_number === 22 ||
  roulette_number === 33 ||
  roulette_number === 44 ||
  roulette_number === 55 ||
  roulette_number === 66 ||
  roulette_number === 77 ||
  roulette_number === 88 ||
  roulette_number === 99

• Math.floor

  • オブジェクトは大文字にする

• 文字列結合

  • console.log("#" + $(this).prop("id") + "_remain");
    真ん中の$(this)など、何を取得するかが重要

まとめ

時間が経つと、忘れてしまうものもあるので、しっかり覚えておく