JavaScriptをやっている絵

【JavaScript】タイピングゲームで使うと良いかもしれないコード

【JavaScript】タイピングゲームで使うと良いかもしれないコード

塾生のやすさんから
タイピングゲームを作っているのでレビューをしてほしいと
言われて
コード見てみました

彼はkeyを打つたびにfor文で回していましたが
そうではなくてfindIndexを使うように
したらどうかと提案しました
(もちろん他にもっとあるかもしれませんが..)

こんな感じです

自分が書いたコードはここだけです

TODOとしては
if文のネストをやめることと条件を関数化することです

  window.addEventListener("keypress", e => {
    getkey = e.key;
    if (questionLetterArry.length !== 0) {
      const index = questionLetterArry.findIndex(elem => elem === e.key);
      if (index !== -1 && questionLetterArry[0] === getkey) {
        questionLetterArry.shift(index);
        if (questionLetterArry.length === 0) {
          reStartGame();
        }
      }
    }
  });


「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー
個人情報取り扱いに関して

サイトTOP
私は何者か
29歳よしもと芸人がWebデザイナー未経験で学校に通い5年後フリーランスのフロントエンドエンジニアになるためにやった9つのこと
フロント記事
フロントエンドエンジニア
フロントエンド記事(タグ)
TypeScript
TypeScript練習問題集
【TypeScript】TypeSript中級者になる為に知っておくと良い108個のこと
JavaScript練習問題
styled-componentsの使い方
SCSS問題集
GraphQL「Apollo x Relay-Style-Cursor-Pagination(リレースタイルカーソルページネーション)」
recomposeと仲良くなりたい
機動戦士FlowType
初めてReactNativeWebを触ってみて
Ramda.jsシグネチャの読み方
環境変数の話
いちごタルトの作り方
フロントエンドエンジニア豚汁の作り方


「武骨日記の」プライバシーポリシーに関して
プライバシーポリシー

株式会社TerraceTechについて
最近起業しました。
株式会社TerraceTech

SNS
しずかなインターネット kenjimorita
インド旅 instagram
適当な日常写真 instagram
シュールさーん instagram
シュールさーん LINEスタンプ
もりたけんじTwitter
ネタ帳Twitter
note

FaceBook -kennji.morita-

わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
また個人レッスンしてほしい生徒も募集中です。
もしご興味ある方はチャットからご連絡ください。

※業務連絡やお久しぶり連絡もチャットからお願いします。