JavaScriptで未定義またはnull変数を確認する方法は？

JavaScriptコードで次のコードパターンを頻繁に使用しています

if (typeof(some_variable) != 'undefined' && some_variable != null)
{
    // Do something with some_variable
}

同じ効果があるより簡単なチェック方法はありますか？

いくつかのフォーラムや文献によると、単に次のことは同じ効果をもたらすはずです。

if (some_variable)
{
    // Do something with some_variable
}

残念ながら、Firebugはそのようなステートメントをランタイムでのエラーとして評価しますsome_variable。これはFirebugの（望ましくない）動作のみですか、それともこれら2つの方法の間に本当に違いがありますか？

ケースを区別する必要があります。

1. 変数は宣言されていても宣言されていなくてundefinedもかまいません。以外のコンテキストで宣言されていない変数にアクセスすると、エラーが発生しますtypeof。

if(typeof someUndeclaredVar == whatever) // works
if(someUndeclaredVar) // throws error

宣言されているが初期化されていない変数はundefinedです。

let foo;
if (foo) //evaluates to false because foo === undefined

2. のような未定義のプロパティsomeExistingObj.someUndefProperty。未定義のプロパティはエラーにならず、単にを返します。undefinedブールに変換されると、に評価されfalseます。したがって、0andを気にしない場合はfalse、使用してif(obj.undefProp)も問題ありません 。この事実に基づいた一般的なイディオムがあります：

   value = obj.prop || defaultValue

   その手段「であればobjプロパティがありprop、それを割り当てvalue、それ以外の場合は、デフォルト値を割り当てますdefautValue」。

   一部の人々は、この動作を混乱させ、それが見つけにくいエラーにつながり、in代わりに演算子の使用を推奨すると主張します

   value = ('prop' in obj) ? obj.prop : defaultValue

「値は」nullまたはundefined「」をテストする最も効率的な方法は

if ( some_variable == null ){
  // some_variable is either null or undefined
}

したがって、次の2行は同等です。

if ( typeof(some_variable) !== "undefined" && some_variable !== null ) {}
if ( some_variable != null ) {}

注1

質問で述べたように、短いバリアントsome_variableはが宣言されている必要があり、そうでない場合はReferenceErrorがスローされます。ただし、多くの使用例では、これは安全であると想定できます。

オプションの引数を確認します。

function(foo){
    if( foo == null ) {...}

既存のオブジェクトのプロパティを確認する

if(my_obj.foo == null) {...}

一方typeof、宣言されていないグローバル変数を処理できます（単にを返しますundefined）。しかし、アルシエンデが説明したように、これらのケースは正当な理由で最小限に抑える必要があります。

注2

これ-さらに短い-バリアントは同等ではありません：

if ( !some_variable ) {
  // some_variable is either null, undefined, 0, NaN, false, or an empty string
}

そう

if ( some_variable ) {
  // we don't get here if some_variable is null, undefined, 0, NaN, false, or ""
}

注3

一般に、の===代わりに使用することをお勧めします==。提案されたソリューションは、このルールの例外です。JSHint構文チェッカーはさえ提供しeqnull、この理由のためにオプションを選択します。

jQueryのスタイルガイド：

厳密な等価チェック（===）は、==を優先して使用する必要があります。唯一の例外は、nullを使用して未定義およびnullをチェックする場合です。

// Check for both undefined and null values, for some important reason. 
undefOrNull == null;

通常の等価性でnullをチェックすると、未定義の場合もtrueが返されます。

if (window.variable == null) alert('variable is null or undefined');

ES5やES6などの新しいJavaScript標準では、

> Boolean(0) //false
> Boolean(null)  //false
> Boolean(undefined) //false

すべてfalseを返します。これは、Pythonによる空の変数のチェックに似ています。したがって、変数の周りに条件付きロジックを記述したい場合は、

if (Boolean(myvar)){
   // Do something
}

ここでは、「null」または「空の文字列」または「未定義」が効率的に処理されます。

宣言されていない変数を参照しようとすると、すべてのJavaScript実装でエラーがスローされます。

オブジェクトのプロパティは、同じ条件の対象ではありません。オブジェクトプロパティが定義されていない場合、アクセスしようとしてもエラーはスローされません。したがって、この状況では以下を短縮できます。

 if (typeof(myObj.some_property) != "undefined" && myObj.some_property != null)

に

if (myObj.some_property != null)

これを念頭に置き、グローバル変数がグローバルオブジェクトのプロパティとしてアクセスできる（windowブラウザの場合）という事実を踏まえて、グローバル変数に以下を使用できます。

if (window.some_variable != null) {
    // Do something with some_variable
}

ローカルスコープでは、変数がコードブロックの先頭で宣言されていることを確認すると常に役立ちますtypeof。これにより、を繰り返し使用する必要がなくなります。

まず、何をテストするかについて非常に明確にする必要があります。JavaScriptには、あらゆる種類の暗黙的な変換と、2つの異なるタイプの等値コンパレータが==あり===ます。

以下の特性test(val)をテストするnullか、またはundefined特性を持つべき関数。

 test(null)         => true
 test(undefined)    => true
 test(0)            => false
 test(1)            => false
 test(true)         => false
 test(false)        => false
 test('s')          => false
 test([])           => false

ここにあるアイデアのうち、実際にテストに合格したものを見てみましょう。

これらの作業：

val == null
val === null || val === undefined
typeof(val) == 'undefined' || val == null
typeof(val) === 'undefined' || val === null

これらは機能しません：

typeof(val) === 'undefined'
!!val

これらのアプローチの正確さとパフォーマンスを比較するために、jsperfエントリーを作成しました。異なるブラウザ/プラットフォーム間で十分な実行が行われていないため、結果は当面決定的ではありません。コンピューターでテストを実行するのに1分ほどかかります！

現時点では、単純なval == nullテストで最高のパフォーマンスが得られるようです。また、これはほとんど最短です。val != null補数が必要な場合は、テストを無効にすることができます。

これは、==使用する必要がある唯一のケースです。

if (val == null) console.log('val is null or undefined')

完全で正しい答えは1つではないので、要約してみましょう。

一般的に、式：

if (typeof(variable) != "undefined" && variable != null)

はvariable宣言されていない可能性があるため簡略化できませんtypeof(variable) != "undefined"。そのため、を省略するとReferenceErrorが発生します。ただし、コンテキストに応じて式を簡略化できます。

variableがグローバルの場合、次のように簡略化できます。

if (window.variable != null)

ローカルの場合、この変数が宣言されていない状況を回避し、次のように簡略化することもできます。

if (variable != null)

オブジェクトプロパティの場合、ReferenceErrorを心配する必要はありません。

if (obj.property != null)

変数に値があるかどうかを確認できます。意味、

if( myVariable ) {
//mayVariable is not :
//null
//undefined
//NaN
//empty string ("")
//0
//false

}

変数が存在するかどうか（つまり、宣言されているかどうか）がわからない場合は、typeof演算子を使用して確認する必要があります。例えば

if( typeof myVariable !== 'undefined' ) {
    // myVariable will get resolved and it is defined
}

私はこの方法を使用してこれを行いました

変数にIDを保存する

var someVariable = document.getElementById("someId");

次にif条件を使用します

if(someVariable === ""){
 //logic
} else if(someVariable !== ""){
 //logic
}

回答の1つで述べたように、グローバルスコープを持つ変数について話している場合は、運が良い場合があります。ご存知かもしれませんが、グローバルに定義する変数は、windowsオブジェクトに追加される傾向があります。この事実を利用できるので、blehという変数にアクセスしているとしましょう。二重反転演算子（!!）を使用するだけです。

!!window['bleh'];

これは、blehが宣言されておらず、かつ値が割り当てられていない場合にfalseを返します。

配列のinclude（）メソッドを使用する別の方法を次に示します。

[undefined, null].includes(value)

これは、の==代わりに使用することが推奨される非常にまれな状況の例です===。式somevar == nullはundefinedand に対してはtrueを返しますが、nullそれ以外の場合はfalseを返します（変数が宣言されていない場合はエラー）。

を使用する!=と、期待どおりに結果が反転します。

現代の編集者が使用するための警告ではないだろう==か!=とオペレータnull、これはほとんど常に必要な動作であるとして、。

最も一般的な比較：

undeffinedVar == null     // true
obj.undefinedProp == null // true
null == null              // true
0 == null                 // false
'0' == null               // false
'' == null                // false

自分で試してください：

let undefinedVar;
console.table([
    { test : undefinedVar,     result: undefinedVar     == null },
    { test : {}.undefinedProp, result: {}.undefinedProp == null },
    { test : null,             result: null             == null },
    { test : false,            result: false            == null },
    { test : 0,                result: 0                == null },
    { test : '',               result: ''               == null },
    { test : '0',              result: '0'              == null },
]);

どんなyyyが定義されていない場合はnull、それはtrueを返します

if (typeof yyy == 'undefined' || !yyy) {
    console.log('yes');
} else {
    console.log('no');
}

はい

if (!(typeof yyy == 'undefined' || !yyy)) {
    console.log('yes');
} else {
    console.log('no');
}

番号

ブラウザーで開発者ツールを開き、以下の画像に示すコードを試してください。

理解するために、undefined、null、および ''（空の文字列も）を変換するときにJavaScriptエンジンが返す値を分析してみましょう。開発者コンソールで直接確認できます。

すべてがfalseに変換されていることがわかります。これは、これら3つすべてがJavaScriptによる「存在の欠如」を想定していることを意味します。したがって、以下のようにコードで3つすべてを明示的にチェックする必要はありません。

if (a === undefined || a === null || a==='') {
    console.log("Nothing");
} else {
    console.log("Something");
}

またもう一つ指摘したいことがあります。

Boolean（0）の結果はどうなりますか？

もちろん誤りです。これにより、期待される結果で0が有効な値である場合、コードにバグが発生します。そのため、コードを作成するときに、これを確認してください。

あなたが持っているものと同様に、あなたは次のようなことをすることができます

if (some_variable === undefined || some_variable === null) { do stuff }

nullity（if (value == null)）またはnon-nullity（if (value != null)）のテストは、変数の定義ステータスをテストするよりも詳細ではありません。

さらに、変数（またはオブジェクトプロパティ）がブール値で定義されている場合、その存在を確認するためのテストif (value)（または if( obj.property)）は失敗しfalseます。買い手責任負担 ：）

両方の値は、厳密な比較演算子を使用して簡単に区別できます。

作業例：

http://www.thesstech.com/tryme?filename=nullandundefined

サンプルコード：

function compare(){
    var a = null; //variable assigned null value
    var b;  // undefined
    if (a === b){
        document.write("a and b have same datatype.");
    }
    else{
        document.write("a and b have different datatype.");
    }   
}

if文の目的は、かどうかを確認する場合nullやundefined、変数に値を代入する前に値、あなたが使用することができますNullish合体演算子をブラウザのサポートが限られているものの、は、JavaScriptで最後に使用可能です。caniuseのデータによると、ブラウザの48.34％のみがサポートされています（2020年4月現在）。

const a = some_variable ?? '';

これがあれば、変数が空の文字列（または任意の他のデフォルト値）に割り当てられることを保証するsome_variableでnullまたはundefined。

この演算子は、0およびなどの他のタイプの偽の値のデフォルト値を返さないため、使用例に最も適しています''。

この形式の関数を定義する必要があります：

validate = function(some_variable){
    return(typeof(some_variable) != 'undefined' && some_variable != null)
}

ES5またはES6では、何度か確認する必要がある場合は、次の操作を実行できます。

const excluded = [null, undefined, ''];

if (!exluded.includes(varToCheck) {
  // it will bee not null, not undefined and not void string
}

R.isNil(yourValue) Ramda を使用すると、Lodashを簡単に実行でき、他のヘルパーライブラリにも同じ機能があります。