ホームページ >ウェブフロントエンド >フロントエンドQ&A >JavaScriptで空かどうかを判断する方法

JavaScriptで空かどうかを判断する方法

PHPz
PHPzオリジナル
2023-04-25 10:42:3910543ブラウズ

JavaScript では、変数が空かどうかを判断する方法がたくさんあります。この記事では、よく使われる方法と注意点をいくつか紹介します。

1. if 文を使って判定する
最も基本的な判定方法は、if 文を使って変数が存在するかどうか、値があるかどうかを判定することです。以下に示すように:

if(variable){
   //变量有值
}else{
   //变量为空
}

変数が空、未定義、または null の場合、if ステートメントでは false とみなされ、それ以外の場合は true と見なされます。

ただし、if ステートメントを使用して特定の特別な値を決定する場合には問題が発生することに注意してください。たとえば、数字の 0 や空の文字列 ''、false などは false と判断されますが、実際にはすべて値を持ちます。

2. 三項演算子を使用して判定する
もう 1 つのよく使用される判定方法は、三項演算子を使用することです。構文は次のとおりです:

variable ? true : false

変数が空または未定義の場合は false を返し、それ以外の場合は true を返します。

3. Object.keys と Object.values を使用して判断する
Object.keys メソッドと Object.values メソッドを使用して、オブジェクトのキーと値をそれぞれ抽出し、新しい配列を返します。オブジェクトが空の場合、返される配列の長さは 0 になります。例:

const obj = {};
Object.keys(obj);   //返回空数组[]
Object.values(obj); //返回空数组[]

4. Array.isArray を使用して
を判断する 変数が空の配列かどうかを判断したい場合は、Array.isArray メソッドを使用できます。構文は次のとおりです。

Array.isArray(array)

変数が配列型の場合は true を返します。そうでない場合は false を返します。

5. typeof を使用して決定します。
変数の型が未定義の場合、typeof は文字列「unknown」を返します。変数が宣言されていない場合は、「unknown」も返します。 typeof を使用すると、変数が空かどうかを判断できます。例:

const variable;
if (typeof variable === 'undefined') {
  console.log('变量为空');
}

6. Null 値結合演算子を使用する
Null 値結合演算子 (??) は、変数かどうかをチェックするために使用できる比較的新しい演算子です。空または未定義です。次の構文を使用できます:

variable ?? defaultValue;

変数が空または未定義の場合は、defaultValue を返し、それ以外の場合は、変数の値を返します。

変数に false の値 (0、""、null、false、未定義な​​ど) がある場合、デフォルト値は使用されないことに注意してください。

要約すると、JavaScript には、変数が空かどうかを判断するさまざまなメソッドが用意されています。特定の状況に基づいて適切な方法を選択する必要があります。 if ステートメントを使用して特別な値を決定する場合は、それらが false とみなされる状況に注意する必要があります。同時に、null 値合体演算子を使用する場合は false 値にも注意する必要があります。

以上がJavaScriptで空かどうかを判断する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。