logo

JavaScriptで空文字列をチェックする方法

JavaScript では、いくつかのメソッドを使用して文字列が空かどうかを確認できます。以下にいくつかの例を示します。

1. 長さプロパティの使用:

使用できます 長さプロパティ 文字列を調べて文字が含まれているかどうかを確認します。長さがゼロの場合、文字列が空であることを意味します。

例えば:

 let str = ''; if (str.length === 0) { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

2.trim() メソッドを使用します。

トリム() メソッド 文字列の両端から空白を削除します。文字列が空の場合、 トリム() 空の文字列を返します。

 let str = ''; if (str.trim() === '') { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

3. 空の文字列との厳密な等価比較を使用します。

JavaScript では空の文字列とみなされます 偽物 これは、ブール値のコンテキストでは false として扱われることを意味します。したがって、厳密な等価比較を使用して、文字列が空の文字列と等しいかどうかを確認できます。

 let str = ''; if (str === '') { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

4. ! の使用オペレーター:

使用できます !オペレーター 文字列が次であるかどうかを確認します 偽物 。 JavaScript では空の文字列は偽とみなされます。そのため、文字列が空の場合は、 true を返します。

 let str = ''; if (!str) { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

5. charAt() メソッドの使用:

charAt() このメソッドは、文字列内の指定されたインデックスにある文字を返します。文字列が空の場合、 charAt() 空の文字列を返します。

 let str = ''; if (str.charAt(0) === '') { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

6. 正規表現の使用:

私たちも使うことができます 正規表現 空の文字列をチェックします。次の正規表現は空の文字列と一致します。

 let str = ''; if (/^s*$/.test(str)) { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

この正規表現では、 ^ 文字列の先頭に一致します。 s* 0 個以上の空白文字と一致し、 $ 文字列の末尾と一致します。文字列が空であるか、空白文字のみが含まれている場合、正規表現は一致し、true を返します。

7. Object.prototype.toString() メソッドの使用:

文字列または別のタイプのオブジェクトの可能性がある変数がある場合は、 Object.prototype.toString() メソッドを使用してその型を取得し、それが文字列であるかどうか、空であるかどうかを確認します。

 let str = {}; if (Object.prototype.toString.call(str) === '[object String]' &&str.trim() === '') { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

このコードでは、 Object.prototype.toString() メソッドを使用して変数 str の型を取得し、結果を文字列と比較してそれが文字列であるかどうかを確認します。 '[オブジェクト文字列]' 。文字列の場合は、文字列をトリミングし、空かどうかを確認します。

8. toString() メソッドの使用:

文字列、null、または未定義の変数がある場合は、 toString() メソッドを使用して文字列に変換し、それが空かどうかを確認します。

 let str = null; if (str &&str.toString().trim() === '') { console.log('String is empty'); } else { console.log('String is not empty'); } 

出力

 String is empty 

このコードは、まず変数 str が null または未定義でないことを確認してから、次のメソッドを使用して文字列に変換します。 toString() 方法。その後、結果の文字列をトリミングし、それが空かどうかを確認します。

9.reduce()メソッドの使用:

文字列の配列があり、それらのいずれかが空かどうかを確認したい場合は、 減らす() メソッドを使用して配列を反復処理し、空の文字列があるかどうかを確認します。

 let arr = ['', 'hello', 'world']; if (arr.reduce((acc, val) =>acc || val.trim() === '', false)) { console.log('Array contains an empty string'); } else { console.log('Array does not contain an empty string'); } 

出力

 Array contains an empty string 

このコードでは、 減らす() 配列を反復処理するメソッド 到着しました そして、配列内の文字列のいずれかが空かどうかを確認します。の 減らす() メソッドは 折り返し電話 配列の各要素に対して呼び出される関数、および開始値は false です。の 折り返し電話 この関数は、現在の要素が空の文字列かどうかをチェックし、空の場合は true を返し、アキュムレータの値 ( ACC ) さもないと。配列内のいずれかの要素が空の文字列である場合、 減らす() メソッドは true になり、配列に空の文字列が含まれていることを示します。