else文を使ってみよう(条件分岐)JavaScriptTwitterFacebookはてブPocketLINEコピー2021.05.26前回はJavaScriptの配列について書きました。[JavaScript入門]配列を使ってみよう前回はJavaScriptの算術演算子について書きました。今回はJavaScriptでの配列の使い方について、見ていきましょう。最初にJavaScriptで、配列の宣言と使用する方法を確認します。else文の使い方について、見ていきましょう。else文を使用する方法を確認します。その後に処理を分岐を使用した、おみくじプログラムを書いて、ブラウザに出力してみましょう。else文で判定する動作確認するおわりにJavaScriptでif-else文を使うには?if文についての基本的な内容は、こちらをご覧ください。前回はプログラムで使う配列について、記載してみました。else文について書いています。else文は条件分岐をするための構文です。if文を書くと、プログラムの中で「もしxxxだったら、xxxをする」というように処理を分岐することができます。具体的な構文は下記のようになります。timeという変数に9が入っています。12以前は朝の挨拶をするようにしました。数値は時間に見立てています。下記のコードは条件に入って「おはようございます!」が出力されます。console.log("おはようございます!");}JavaScriptでもelse文を書くと、if文に該当しなかった場合の処理をすることができます。「もしxxxだったら、xxxをする、そうでなかったらxxxをする」という具合に、「そうでなかったらxxx」の処理ができます。下記ではtimeが18になっています。条件に合わないので、else文の方にきて「ヤッホー!」が出力されます。if文を使用することで、「もしxxxだったら、xxxをする」の条件を増やすことができます。下記ではtimeが15になっています。if文が評価されます。「timeが12以上かつtimeが17以下」の条件にあうことになり「こんにちは!」が出力されます。console.log("ヤッホー!");}次は、実際にコードを書いてみましょう。if-else文を使用したプログラムを書こうif-else文を使って、簡単な内容でプログラムを作成します。下記の内容をエディタに書き込んで、omikuji.htmlという名前で保存してください。ランダムな値を生成して、その値を参照して5パターンに分岐するプログラムです。おみくじに見立てて、ブラウザでファイルを開いたときに運勢を表示してくれます。alert("吉です。alert("小吉です。alert("中吉です。alert("大吉です。</body></html>解説コードの解説をします。scriptタグの中に、JavaScriptのコードを書いています。初期のアラート表示window.onloadから始まっています。これで、画面を開いたときに、functionの中のコードが動きます。最初に「おみくじを引いてみます」というアラートを画面に出しています。アラートでOKを押すと、次の処理に進みます。下記のように書いている箇所は、ランダムな値を取得しています。5);Math.random()は0以上1未満のランダムの少数点な値を返します。実行すると0.15637616329558046や0.9443706882554563など、実行するたびに違う値が返ってきます。これに5を掛けることで、0.1の場合は0.5・0.9の場合は4.5となります。4.99までのランダムな値になります。Math.floor()は小数点以下を切り捨ててくれます。5)とすることで、0から4のランダム値が取得できます。else文で判定しています。randomNumberが0だったら、「吉です。1だった場合は、「小吉です。alert("吉です。alert("小吉です。...このような分岐をそれぞれ作って、5パターンの結果に分岐しました。動作確認する動作確認してみましょう。作成したomikuji.htmlをブラウザで開きます。最初のアラートが表示されます。OKボタンを押すと、このように結果のアラートが表示されました。(ランダム値での分岐のため、結果は表示する度に変わります)おわりに今回はJavaScriptでのif文をみていきましたが、いかがでしたか。JavaScriptのif文も他の言語と同じように書けました。JavaScriptでは型が決まっていないので、条件で比較する場合には入っている値を意識するようにしましょう。JavaScriptプログラミングシェアするTwitterFacebookはてブPocketLINEコピーyasuakiをフォローするyasuakiコードライクC#C#で文字列に含むか検索して確認する2つの方法!C#で文字列に特定の文字列を含むか検索して、確認する方法について書いています。対象の文字列に、指定した特定の文字列を含むか確認するには、下記のメソッドを使うことができます。・文字列からContainsメソッドを呼び出す。・文字列からInde...JavaScript【現役エンジニアが選定】JavaScriptの学習におすすめの本5選JavaScriptの学習におすすめの本を選定してみました。最初にJavaScriptはどんなものかと、学習に本が必要かを考えて書いてみました。※A...JavaScriptJavaScriptで文字列を切り出す3つの方法!【わかりやすく解説】JavaScriptで文字列を切り出す方法を3つ書いています。実際に動作するサンプルコードを載せて、挙動を詳しく解説しています。この記事では下記のメソッドを使用した、文字列の切り出しについて書いています。inを使って、オブジェクトのプロパティでループ処理をする方法について書いています。inについて解説した後に、下記のことについて書いています。・for...inでループされる順番・for...inを途中で...LaravelLaravelのバリデーションについての記事5つ!LaravelでValidation(バリデーション)をする方法について書いている記事を5つまとめてみました。簡単な記事の説明と内部リンクを貼っています。内容としては下記になります。・通常のバリデーション・フォームリクエストでのバリデーショ...C#C#の配列に要素を追加する方法!(Resize・List変換など)C#の配列に要素を追加する方法について書いています。載せているコードについては、.Netのバージョン6(C#のバージョン10)で確認しました。C#の配列は最初に要素数を指定して使います。要素数を気にせずに動的に使いたい場合にはListを使う...PHPPHPのcontinueの使い方!(ループをスキップする)PHPのcontinueの使い方について書いています。最初にcontinueについて解説して、その後に下記の内容について書きました。checkoutを使用する方法について書いています。checkoutコマンドを実際に使用して解説しています。解説している内容は下記になります。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Δプロフィールyasuaki福岡でフリーランスをやってます。業界歴13年になりました、SESで働くことがほとんどです。なんでもやってますが、Webが得意です。このブログではプログラミング技術の内容を中心に、たまに商品レビューとかを書いています。else文で判定する動作確認するおわりにVue.jsの学習におすすめの本を選定!【現役エンジニアが選定】Vue.jsの学習におすすめの本4選!今回はVue.jsの学習におすすめな本を4つ紹介しています。学習に本が必要かも考えてみたので確認してみてください。Vue.jsの学習に本が必要?Vue.jsはJavaScriptでWebアプリケーションのフロントエンドを開発するときに使われ...codelikes.com2022.10.23JavaScriptの学習におすすめの本を選定!【現役エンジニアが選定】JavaScriptの学習におすすめの本5選JavaScriptの学習におすすめの本を選定してみました。最初にJavaScriptはどんなものかと、学習に本が必要かを考えて書いてみました。商品レビューゲーム食レポお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。