真偽値を取り扱いたい場合:JavaScriptの基礎12

Programming

今回はJavaScript実践編①として真偽値の取り扱い方法を紹介します。

Aの条件であればAの処理を、Bという条件ならばBの処理を。と言った様に処理を場合分するのはプログラミングでは必須の技術です。JavaScriptのデータ型の一つにBoolean型(真偽値型)というものがあり、true(真)false(偽)で表します。

どんな場合に使う?

  • 古いブラウザから閲覧しているユーザーに警告文を表示したい。
  • お問い合わせフォームの必須項目に入力が無い場合に送信ボタンを無効にしたり

難易度(MAX10)★★★★★★☆☆☆☆

単純にA=AであればOK。と言った処理だけでなく下記の様に複合的に値を利用して真偽値を判別する事がほとんどです。
(AよりBが上は真。AよりBが下は偽。)

const A = 10;
const B = 30;
console.log(A < B) //true
console.log(A > B) //false

また多くの場合はif文と一緒に用いられ、条件に応じて処理を振り分ける様に使われます。
(下記に処理はiPhoneの場合にのみ処理を実行します。)

//iPhoneかどうかを判断
const ios = navigator.userAgent.includes('iPhone');
if(ios) {
  //iPhoneの場合に実行する処理を書く
}

0以外の数値型、”以外の文字列型、配列型、オブジェクト型などをifの条件分式として使用した場合はtrue扱いになります。

//「こんにちは田中さん」と表示される。
const userName = '田中'
if (userName) {
  alert('こんにちは${userName}さん');
}
//「''」なのでエラーになる
const userName = ''
if (userName) {
  alert('こんにちは${userName}さん');
}

真偽値に「!」を追加すると真偽値が反転します。また「!!」と二つ付けるとBoolean型(真偽値型)に戻ります。

const flag = 'JavaScript'.includes('A')
console.log(!flag);  //true
console.log(!!flag);  //false

以上が「真偽値を取り扱いたい場合:JavaScriptの基礎12」でした。

今後JSを使っていろんな処理やページを作成していくのに必ず必要になる考え方なので、早くに覚えておきましょう。

この記事を書いた人
KEITO

AI × IT × WEB3|関東在住。本職はディレクター 。AIを活用してビジネス開拓。仕事の依頼はTwitterからお願いします。YouTube、Twitter、Instagramもお願い致します。

Programming
この記事を共有する
スポンサーリンク
スポンサーリンク
KT LIFE
スポンサーリンク

暗号資産投資するなら以下

Bybit

国内人気No.1!屈強なサーバー/信頼性抜群!トレーダー御用達の取引所。

通貨数338種以上
レバレッジ最大100倍
現物取引手数料Maker:0%〜0.1%
Taker:0.02%〜0.1%
先物取引手数料Maker:0%〜0.01%
Taker:0.03%〜0.06%
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり・JPY利用可
特典下記から登録で初回ボーナスあり
登録リンクBybitへの登録は こちら
招待コード22295
レビュー記事レビュー記事は こちら
BigBoss&CRYPTOS

最大レバレッジ1111倍・日本円換金ルート

通貨数BigBoss:15種以上
CRYPTOS:15種以上
レバレッジ最大1111倍
スポット手数料Maker:0.02%〜0.18%
Taker:0.05〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設少し敷居が高い
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクBigBossへの登録は こちら
招待コード6690951
レビュー記事レビュー記事は こちら
Nexo

高APYでのステーキング&レンディング

通貨数60種以上
レバレッジ
スポット手数料Maker:0.04%〜0.20%
Taker:0.03%〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクNexoへの登録は こちら
招待コード
レビュー記事レビュー記事は こちら

他おすすめ取引所はこちら

タイトルとURLをコピーしました