JavaScript で空の文字列をチェックする方法
Kirill Ibrahim
2023年10月12日
-
JavaScript で文字列が空かどうかを調べるには
===演算子を使用する -
JavaScript で文字列が空かどうかを調べるために
lengthプロパティを使用する - JavaScript で文字列が空かどうかを調べるために変数をブール値に変換する
このチュートリアルでは、文字列が空かどうかを調べる方法を紹介します。各メソッドにはコード例がありますので、あなたのマシンで実行することができます。
JavaScript で文字列が空かどうかを調べるには === 演算子を使用する
文字列が空かどうかを調べるには、厳密な等号演算子(===)を使用することができます。比較 data==="" は、値のデータ型が文字列であり、かつ空である場合にのみ true を返します。
例：
console.log(false === '')
console.log(undefined === '')
console.log(2 === '')
console.log(null === '')
console.log('Hello World!' === '')
console.log('' === '')
出力：
false
false
false
false
false
true
注意
等価比較器
== は使用しないでください。なぜなら、data == "" は data が 0 または false の場合のみ true を返しますが、空の文字列 "" だけは返さないからです。例：
var str1 = ''
var str2 = 0
var str3 = false
console.log(str1 == '')
console.log(str2 == '')
console.log(str3 == '')
出力：
true
true
true
JavaScript で文字列が空かどうかを調べるために length プロパティを使用する
JavaScript の空文字列をチェックする別の方法を紹介します。もし長さが 0 であれば、その文字列が空であることがわかります。
例：
let str1 = 'Hello world!';
let str2 = '';
let str3 = 4;
console.log(str1.length === 0)
console.log(str2.length === 0)
console.log(str3.length === 0)
出力：
false
true
false
JavaScript で文字列が空かどうかを調べるために変数をブール値に変換する
変数をブール値に変換する方法は 2つあります。1つ目はデュアル NOT 演算子(!!)によるもので、2つ目は型キャスト (Boolean(value)) によるものです。
Boolean(str);
!!str;
str は変数です。null、undefined、0、000、""、false に対しては false を返します。空文字列や空白文字がない場合は true を返します。
例：
let str1 = 'Hello world!';
let str2 = '';
console.log(!!str1)
console.log(!!str2)
console.log(Boolean(str1))
console.log(Boolean(str2))
出力：
true
false
true
false