商品レビューゲーム食レポお問い合わせホームプログラミングJavaScript[JavaScript入門]三項(条件)演算子の使い方!【9つの値で挙動検証】JavaScriptTwitterFacebookはてブPocketLINEコピー2022.03.18今回はJavaScriptで三項(条件)演算子を使い方について書いています。最初に三項演算子の使い方について書いています。その後にいろいろな値を渡して、trueとfalseの判定がどうなるのか挙動検証してみたコードを載せています。JavaScriptの三項(条件)演算子の使い方JavaScriptの三項(条件)演算子は、条件が正しい(true)かを判断して2つのどちらかの値を返してくれる演算子です。下記のように使用します。上記では、fruit変数に’apple’という文字列を入れて、次の行で三項演算子を使用しています。式として、trueになるので「りんごです」が返ってきます。fruitに’apple’以外の文字列が入っていた場合は「その他のフルーツです」になります。if文に似ていますが、上記のように1行で簡潔に書くことができます。式を日本語化すると、下記のような形になります。"条件の内容がfalseになる場合の値";使いどころとしては、簡単な条件式(1行で書けるような)を書いて、結果を返してほしい場合に書くといいです。複雑な条件を書く場合はif文を使うと良いかと思います。三項演算子を使うときには、積み重ねて使用することを避けた方がいいです。例として、下記のように重ねて使用することも可能です。「林檎」が出力されるこのように使用することができますが、上記で見るようにわかりづらくなり、保守性も下がるため使用しない方がいいです。三項演算子は積み重ねずに、単独で使用することが望ましいのではないでしょうか。三項演算子を使用したサンプルコード三項演算子にいろいろな値を渡して、どのように動くか検証してみました。nullnullを条件に指定した場合です。"falseです"console.log(result)「falseです」が出力されます。undefinedundefinedを条件に指定した場合です。"falseです"console.log(result)「falseです」が出力されます。空変数を条件に指定した場合です。"falseです"console.log(result)何も設定されていない変数はundefinedになります。そのため、こちらも「falseです」が出力されます。空配列を条件に指定した場合です。"falseです"console.log(result)空配列はtrueに判定されて、「trueです」が出力されます。文字列を指定した場合です。"falseです"console.log(result)「trueです」が出力されます。空の文字列を指定した場合です。"falseです"console.log(result)空の文字列の場合は、通常の文字列と違って「falseです」が出力されます。00を指定した場合です。"falseです"console.log(result)「falseです」が出力されます。正数を指定した場合です。"falseです"console.log(result)「trueです」が出力されます。負数を指定した場合です。"falseです"console.log(result)「trueです」が出力されます。挙動を検証した結果を表にすると下記のようになりました。true空配列と負数がtrueになるのが意外な気がしました。気をつけて使っていきたいところです。JavaScriptプログラミングシェアするTwitterFacebookはてブPocketLINEコピーyasuakiをフォローするyasuakiコードライクPHPPHPの配列に値が含まれるか検索して確認する2つの方法!PHPで配列に値が含まれるか検索して、確認する方法について書いています。下記の関数を使って、特定の値が配列に含まれているかを確認します。・in_array・array_search記載しているサンプルコードはPHPのバージョン8.1.8で、...PHPPHPで文字列を含むか検索する5つの方法!PHPで特定の文字列を含むか検索する方法について書いています。下記の関数を使って、特定文字列が文字列に含まれるか検索することが可能です。float)Pythonで文字列を数値に変換する方法について書いています。文字列から数値に変更するには、下記の関数を使います。・int関数・float関数サンプルコードはPythonのバージョン3.9.12で動作を検証しています。int関数で変換するi...PHPPHPで文字列を分割する5つの関数!(explodeなど)PHPで文字列を分割する方法について書いています。下記の関数を使って、文字列を分割することが可能です。randint)Pythonで乱数を作る方法について書いています。Pythonで乱数を作りたいときにはrandomモジュールを使うと良いです。mergeの使い方!コマンドでブランチをマージするgitコマンドを使用してブランチをマージする方法について書いています。gitのmergeについて解説した後に、実際にコマンドを使用してみています。Gitのバージョン2.32.0で確認しています。gitのブランチについては、こちらに記載しまし...JavaScriptJavaScriptで配列の要素番号を検索する方法!(findIndexメソッド)JavaScriptでfindIndexメソッドを使用して、配列の要素番号を探す方法について書いています。findIndexは要素の位置番号を返してくれます。要素自体を取得したい場合には、findメソッドを使用すると良いです。簡単に解説した...PythonDjangoの学習におすすめの本4選!【現役エンジニア選定】Djangoの学習におすすめの本を4つ紹介しています。最初にDjangoについて簡単に説明して、その後におすすめの本を紹介しました。最後にDjangoを「どの本で学ぶのが良いか」の考察をまとめていますので、確認してみてください。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Δプロフィールyasuaki福岡でフリーランスをやってます。業界歴13年になりました、SESで働くことがほとんどです。なんでもやってますが、Webが得意です。このブログではプログラミング技術の内容を中心に、たまに商品レビューとかを書いています。Vue.jsの学習におすすめの本を選定!【現役エンジニアが選定】Vue.jsの学習におすすめの本4選!今回はVue.jsの学習におすすめな本を4つ紹介しています。学習に本が必要かも考えてみたので確認してみてください。Vue.jsの学習に本が必要?Vue.jsはJavaScriptでWebアプリケーションのフロントエンドを開発するときに使われ...codelikes.com2022.10.23JavaScriptの学習におすすめの本を選定!【現役エンジニアが選定】JavaScriptの学習におすすめの本5選JavaScriptの学習におすすめの本を選定してみました。最初にJavaScriptはどんなものかと、学習に本が必要かを考えて書いてみました。商品レビューゲーム食レポお問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。