コピー2022.12.16こんにちは。たいら(@tairaengineer2)です。転職を繰り返し現在4社経験している、10年目エンジニアです。JavaScriptの三項演算子について三項演算子とは三項演算子を使うと便利なケース三項演算子を使ったサンプルプログラムと、この記事で丁寧に解説していきます。前提条件:実行環境について三項演算子とは三項演算子を使うと便利なケース三項演算子を解説するプログラムの概要HTMLサンプルプログラムJavaScriptサンプルプログラム実行結果まとめ:三項演算子を使ってみよう前提条件:実行環境について実行環境は以下の通りです。OSWindows10三項演算子とは三項演算子とは、if文のように条件で分岐することができる演算子のことです。三項演算子の使い方サンプルは以下になります。(falseの場合の結果)上記のサンプルをif文で書くと、以下になります。{(falseの場合の結果)}三項演算子とif文は、同じ内容を書いています。三項演算子を使うとこのようにスマートに書くことができるケースがあります。三項演算子を使うと便利なケース三項演算子を使うと便利なケースは、シンプルな条件に応じて値を設定するときです。シンプルな条件のif文のサンプルは以下です。'不一致'}上記を三項演算子で書くと、下記になります。'不一致'このようにシンプルな条件分岐で値を設定する場合は、簡潔に書くことができる三項演算子を使うことをおすすめします。条件分岐後の処理が複雑というケースは、if文を使うことをおすすめします。次の章で実際に使ってみます。三項演算子を解説するプログラムでは、HTMLJavaScriptの2ファイルを使います。三項演算子を使って偶数か奇数かを判定して結果がtrueの場合falseの場合の2パターンで実行し、結果を表示させます。フォルダ構成は以下のようになっています。src="js\sample_javascript.js"></script></body></html>HTMLで外部のJavaScriptを読み込むやり方は、以下の記事をご参考ください。result2%算術演算子getElementByIdメソッドinnerHTMLプロパティについては、こちらの記事をご参考ください。作成したHTMLをブラウザで開きます。条件分岐ができていることが確認できました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。ΔホームプログラムJavaScriptプロフィールこのブログを運営しているたいらと言います。プログラム言語を合計5言語経験している12年目エンジニアのブロガーです。このブログでは、どこよりも分かりやすくプログラムやツールのインストール方法などを解説し、エンジニアにの疑問解決に役立つ情報を発信します。お問い合わせなどがありましたら、下記のリンクからお願いします。お問い合わせこちらから記事の検索ができます。IDEAXAMPPお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。