JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで値を真偽値（Boolean）に変換する3つの方法を解説

JavaScriptには、任意の値を真偽値（boolean）に変換する方法が3つあります。そのうちの2つはBooleanキーワードを使う方法で、残りの1つは「!!」（ダブル否定演算子）という記号を使った新しい手法です。この記事では、それぞれの方法について詳しく解説します。

Booleanキーワードを使用する方法

1. new Boolean() コンストラクタ

new Boolean()は、値をラップしたBooleanオブジェクトを生成します。オブジェクトは常にtruthyとして扱われるため、実際の開発ではプリミティブな真偽値を返す次の方法が推奨されます。

2. Boolean() 関数

Boolean()を関数として呼び出すと、引数の値をプリミティブな真偽値に変換して返します。最も明確で意図が伝わりやすい方法です。

サンプルコード

以下の例では、Booleanキーワードを使った2つのメソッドを実装し、その結果を出力しています。

<html>
<body>
<script>
    const isTrue = 'Golden State Warriors';
    document.write(new Boolean(isTrue));
    document.write("</br>");
    document.write(Boolean(isTrue));
</script>
</body>
</html>

出力結果

true
true

!!（ダブル否定演算子）を使用する方法

3つ目の方法は、Booleanキーワードの代わりに記号（!!）を使って値を真偽値に変換するものです。単一の「!」は値を反転して真偽値化しますが、それを2回適用することで、元の値のtruthy / falsy判定をそのまま維持した形で変換できます。コードが短く済むため、多くの開発者に好んで使われています。

サンプルコード

以下の例では、Booleanキーワードの代わりに記号（!!）を使って値を真偽値に変換しています。

<html>
<body>
<script>
   const isTrue = 'Golden State Warriors';
   document.write(!!isTrue);
</script>
</body>
</html>

出力結果

true

まとめ

  • new Boolean(value): Booleanオブジェクトを生成する（通常の用途では非推奨）
  • Boolean(value): プリミティブな真偽値を返す最も明示的な方法
  • !!value: 簡潔に真偽値へ変換できる慣用的な書き方

どの方法も空文字列・0・null・undefined・NaNはfalseに、それ以外の値はtrueに変換されるという点は共通しています。可読性とチームのコーディング規約に応じて使い分けるとよいでしょう。

  1. JavaScriptでテキストボックスに値を出力する方法をわかりやすく解説

    JavaScriptでテキストボックスに値を出力したい場合は、input要素が持つvalueプロパティを利用します。ユーザーが入力した値を取得し、処理結果を別のテキストボックスのvalueに代入することで、画面への出力が可能になります。 ここでは、2つの数値を入力してその合計を表示するシンプルなサンプルを紹介します。 サンプルコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewp

  2. JavaScriptで辞書（連想配列）をオブジェクトのリストに変換する方法

    JavaScriptでは、キーと値のペアを持つ「辞書」のようなオブジェクトを、Object.values()メソッドを使うことで簡単にオブジェクトの配列（リスト）へ変換できます。以下に具体的なサンプルコードを示します。 サンプルコード <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document&