JavaScriptでnull/未定義/空の文字列をチェックするにはどうすればよいですか?

JavaScript では、「」は空の文字列を表し、null キーワードを使用して文字列を null 値に初期化できます。どの変数にも値を割り当てない場合、デフォルトで未定義になります。

文字列を処理するときに、文字列が空か未定義か、または null 値が含まれているかどうかを確認する必要がある場合があります。たとえば、HTML フォームを通じてユーザーから詳細を取得しており、ユーザーは入力フィールドに空の文字列を追加できますが、入力フィールドを検証してユーザーにエラー メッセージを表示する必要があります。

このチュートリアルでは、文字列が空、null、または未定義であるかどうかを確認する 3 つの方法を学習します。

string.trim() メソッドと string.length プロパティを使用する

string.trim() メソッドを使用すると、文字列の先頭からスペースを削除できます。したがって、文字列の先頭から文字列を削除できます。その後、文字列の長さがゼロかどうかを確認できます。これは、文字列が空、null、または未定義の可能性があることを意味します。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って string.trim() メソッドと string.length() プロパティを使用して、空、未定義、または null 文字列をチェックできます。

リーリー

例

(例)

以下の例では、2 つの異なる文字列を作成します。 1 つは空で、もう 1 つはスペースのみを含みます。ユーザーは出力で、2 番目の文字列にはスペースしか含まれていないため、ロジックが両方の文字列が空であることを示していることがわかります。

リーリー

文字列をブール値に変換し、それが空、未定義、または null かどうかを確認します

ブール コンストラクターまたは二重否定演算子 (!!) を使用して、文字列をブール値に変換できます。変数をブール値に変換すると、すべての false 値が false にマッピングされ、他の値が true にマッピングされます。 JavaScript では、空の文字列、null、未定義はすべて false 値であるため、それをブール値に変換すると、Boolean() コンストラクターは常に false を返します。

＃＃＃文法＃＃＃

次の構文では、Boolean() コンストラクターを使用して文字列をブール値に変換し、それが空かどうかを確認しています。

リーリー

例

(例)

以下の例では、null、null、および未定義の値を含む 3 つの文字列を変換しました。さらに、文字列をパラメータとして受け取り、その文字列をブール値に変換する isValid() 関数を作成しました。次に、Boolean() コンストラクターから返された文字列の値が true か false かを確認します。

リーリー

上記の出力では、ブール型コンストラクターが空、null、および未定義の文字列に対して false を返し、文字列 "Hello" に対して true を返すことがわかります。

厳密な等価演算子を使用する

厳密等価演算子を使用すると、2 つの変数の値を比較したり、変数の型を比較したりできます。ここでは、文字列を「」、null、未定義と比較します。さらに、OR 演算子を使用して、これら 3 つの条件を 1 つの if 条件で一緒に使用します。

これら 3 つの条件のいずれかが true になる場合は、文字列が無効であることを意味します。

＃＃＃文法＃＃＃

ユーザーは、次の構文に従って厳密等価演算子を使用して、文字列が空、null、または未定義であるかどうかを確認できます。

リーリー

例

(例)

次の例では、isValid() 関数に、文字列が有効かどうかを確認する if-else ステートメントが含まれています。構文で説明したように、if ステートメントの条件で OR 演算子を使用して、空の文字列、null、未定義の文字列の 3 つの条件を同時にチェックします。

リーリー

ユーザーは、文字列が空、未定義、または null 値であるかどうかを確認する 3 つの方法を学習しました。これら 3 つのメソッドのうち、最適なメソッドは Boolean() コンストラクターを使用する 2 番目のメソッドです。

ただし、ユーザーは Doble, Not(!!) 演算子を使用できます。これは単純な構文ですが、初心者には適していません。

以上がJavaScriptでnull/未定義/空の文字列をチェックするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。