変数が「未定義」か「null」かをどのように判断できますか？

変数がであるundefinedかどうかを判断するにはどうすればよいnullですか？

私のコードは次のとおりです：

var EmpName = $("div#esd-names div#name").attr('class');
if(EmpName == 'undefined'){
  // DO SOMETHING
};

<div id="esd-names">
  <div id="name"></div>
</div>

しかし、これを行うと、JavaScriptインタープリターが実行を停止します。

これを行うには、抽象等価演算子の品質を使用できます。

if (variable == null){
    // your code here.
}

null == undefinedがtrueであるため、上記のコードはとの両方をキャッチnullしundefinedます。

キャッチするnullとundefined同時に標準的な方法はこれです：

if (variable == null) {
     // do something 
}

-これは、より明示的ですが簡潔ではありませんが、100％同等です。

if (variable === undefined || variable === null) {
     // do something 
}

プロのJSを書くとき、当然のことながらその型の等価性と==vs の動作===が理解されます。したがって、使用==して比較するのはだけnullです。

もう一度編集

の使用を示唆するコメントtypeofは単に間違っています。はい、上記の私の解決策では、変数が存在しない場合にReferenceErrorが発生します。これは良いことです。このReferenceErrorは望ましいものです。他の言語でのコンパイラエラーのように、コードを出荷する前に間違いを見つけて修正するのに役立ちます。try/を使用するcatchと、制御できない入力で作業している場合。

コード内で宣言されていない変数への参照があってはなりません。

上記の回答を組み合わせると、最も完全な回答は次のようになります。

if( typeof variable === 'undefined' || variable === null ){
    // Do stuff
}

これは、宣言されていない、または宣言されており、明示的にnullまたは未定義に設定されている変数に対して機能します。ブール式は、実際のnull以外の値を持つ宣言された変数に対してfalseと評価される必要があります。

if (variable == null) {
    // Do stuff, will only match null or undefined, this won't match false
}

if (typeof EmpName != 'undefined' && EmpName) {

値が次の値でない場合、trueと評価されます。

• ヌル

• 未定義

• NaN

• 空の文字列（ ""）

• 0

• 偽

jQueryのattr()空白文字列または実際の値（決してどちらかの機能が戻りますnullかundefined）。返されるのundefinedは、セレクターが要素を返さなかったときだけです。

したがって、空の文字列に対してテストしたい場合があります。または、空の文字列、null、undefinedはfalse-yなので、次のようにすることができます。

if (!EmpName) { //do something }

このために自分で関数を書くようになりました。JavaScriptは奇妙です。

文字通り何でも使えます。（これにより、変数に使用可能な値が含まれているかどうかもチェックされます。ただし、この情報も通常必要なので、投稿する価値があると思います）。メモを残すことを検討してください。

function empty(v) {
    let type = typeof v;
    if (type === 'undefined') {
        return true;
    }
    if (type === 'boolean') {
        return !v;
    }
    if (v === null) {
        return true;
    }
    if (v === undefined) {
        return true;
    }
    if (v instanceof Array) {
        if (v.length < 1) {
            return true;
        }
    } else if (type === 'string') {
        if (v.length < 1) {
            return true;
        }
        if (v === '0') {
            return true;
        }
    } else if (type === 'object') {
        if (Object.keys(v).length < 1) {
            return true;
        }
    } else if (type === 'number') {
        if (v === 0) {
            return true;
        }
    }
    return false;
}

TypeScript互換です。

この関数は、PHPの関数とまったく同じことを行う必要がありempty()ます（RETURN VALUES）。

考えてundefined、null、false、0、0.0、"0" {}、[]空のよう。

"0.0"、NaN、" "、true空ではないと考えられています。

チェックしたい変数がグローバルの場合、

if (window.yourVarName) {
    // Your code here
}

このチェック方法では、yourVarName変数が存在しなくてもエラーはスローされません。

例：ブラウザがHistory APIをサポートしているかどうかを知りたい

if (window.history) {
    history.back();
}

仕組み：

windowプロパティとしてすべてのグローバル変数を保持するオブジェクトです。JavaScriptでは、存在しないオブジェクトプロパティにアクセスすることは合法です。場合は、historyその後、存在しないwindow.historyリターンをundefined。undefinedfalseなので、if(undefined){}ブロック内のコードは実行されません。

最短かつ簡単：

if(!EmpName ){
 // DO SOMETHING
}

EmpNameが次の場合、これはtrueと評価されます。

• ヌル
• 未定義
• NaN
• 空の
• ストリング （""）
• 0
• 偽

おそらくこれを行う最も短い方法は次のとおりです。

if(EmpName == null) { /* DO SOMETHING */ };

ここに証明があります：

function check(EmpName) {
  if(EmpName == null) { return true; };
  return false;
}

var log = (t,a) => console.log(`${t} -> ${check(a)}`);

log('null', null);
log('undefined', undefined);
log('NaN', NaN);
log('""', "");
log('{}', {});
log('[]', []);
log('[1]', [1]);
log('[0]', [0]);
log('[[]]', [[]]);
log('true', true);
log('false', false);
log('"true"', "true");
log('"false"', "false");
log('Infinity', Infinity);
log('-Infinity', -Infinity);
log('1', 1);
log('0', 0);
log('-1', -1);
log('"1"', "1");
log('"0"', "0");
log('"-1"', "-1");

// "void 0" case
console.log('---\n"true" is:', true);
console.log('"void 0" is:', void 0);
log(void 0,void 0); // "void 0" is "undefined" 

そして、ここに==（ソースはこちら）の詳細があります

ボーナス：（agcの回答を見て）===よりも明確な理由==

私はこの問題、つまりオブジェクトがnullであるかどうかを確認したところです。
私はこれを単に使用します：

if (object) {
    // Your code
}

例えば：

if (document.getElementById("enterJob")) {
    document.getElementById("enterJob").className += ' current';
}

あなたが使用しているのでjQueryのを、あなたは変数が定義されていないか、その値は、単一の関数を使用してヌルをあるかどうかを判断することができます。

var s; // undefined
jQuery.isEmptyObject(s); // will return true;

s = null; // defined as null
jQuery.isEmptyObject(s); // will return true;

// usage
if(jQuery.isEmptyObject(s)){
    alert('Either variable: s is undefined or its value is null');
}else{
     alert('variable: s has value ' + s);
}

s = 'something'; // defined with some value
jQuery.isEmptyObject(s); // will return false;

jQueryチェック要素がnullではありません：

var dvElement = $('#dvElement');

if (dvElement.length  > 0) {
    // Do something
}
else{
    // Else do something else
}

JavaScriptでは、私の知る限りでは、以下のように未定義、null、または空の変数をチェックできます。

if (variable === undefined){
}

if (variable === null){
}

if (variable === ''){
}

すべての条件を確認します。

if(variable === undefined || variable === null || variable === ''){
}

あなたは単に以下を使用することができます（これを行うにはもっと短い方法があることを私は知っていますが、これは少なくともコードを見ている他の人にとって視覚的に観察することをより簡単にするかもしれません）。

if (x === null || x === undefined) {
 // Add your response code here, etc.
}

確認する最も簡単な方法は次のとおりです。

if(!variable) {
  // If the variable is null or undefined then execution of code will enter here.
}

以下のソリューションで：

const getType = (val) => typeof val === 'undefined' || !val ? null : typeof val;
const isDeepEqual = (a, b) => getType(a) === getType(b);

console.log(isDeepEqual(1, 1)); // true
console.log(isDeepEqual(null, null)); // true
console.log(isDeepEqual([], [])); // true
console.log(isDeepEqual(1, "1")); // false
etc...

次のことを確認できます。

• ヌル
• 未定義
• NaN
• 空の
• ストリング （""）
• 0
• 偽

変数がnullまたは未定義かどうかをテストするには、以下のコードを使用します。

    if(typeof sVal === 'undefined' || sVal === null || sVal === ''){
      console.log('variable is undefined or null');
    }

このテストはChromeコンソールで実行します。（void 0）を使用すると、未定義をチェックできます。

var c;
undefined
if (c === void 0) alert();
// output =  undefined
var c = 1;
// output =  undefined
if (c === void 0) alert();
// output =   undefined
// check c value  c
// output =  1
if (c === void 0) alert();
// output =  undefined
c = undefined;
// output =  undefined
if (c === void 0) alert();
// output =   undefined

これを見てみましょう

1.  

   let apple; // Only declare the variable as apple
   alert(apple); // undefined

   上記では、変数はとしてのみ宣言されていappleます。この場合、メソッドを呼び出すalertと未定義と表示されます。

2.  

      let apple = null; /* Declare the variable as apple and initialized but the value is null */
      alert(apple); // null

2番目の変数ではnullが表示されます。 apple値のます。

したがって、値が未定義であるかnullであるかを確認できます。

if(apple !== undefined || apple !== null) {
    // Can use variable without any error
}

最良の方法：

if(typeof variable==='undefined' || variable===null) {

/* do your stuff */
}

(null == undefined)  // true

(null === undefined) // false

なぜなら===はタイプと値の両方をチェックするからです。両方のタイプは異なりますが、値は同じです。

var i;

if (i === null || typeof i === 'undefined') {
    console.log(i, 'i is undefined or null')
}
else {
    console.log(i, 'i has some value')
}

foo == nullチェックは、トリックを行うと最短の方法で「未定義またはnull」のケースを解決する必要があります。（「fooは宣言されていません」のケースを考慮していません。）しかし、（ベストプラクティスとして）3つのイコールを使用していた人々は、それを受け入れない可能性があります。eqeqeqまたはtriple-equalsを見てください eslintとtslintのルール...

変数がそうであるundefinedかnull個別にチェックするときの明示的なアプローチは、この場合に適用する必要があり、トピックへの私の貢献（現時点では27の非否定的な回答！）は、void 0チェックを実行するための短く安全な方法として使用することですためにundefined。

foo === undefinedundefinedは予約語ではなく、シャドウ（MDN）できるため、使用は安全ではありません。typeof === 'undefined'チェックの使用は安全ですが、foo-is-undeclaredのケースを気にしない場合は、次のアプローチを使用できます。

if (foo === void 0 || foo === null) { ... }

それをチェックする関数を作成した場合：

export function isEmpty (v) {
 if (typeof v === "undefined") {
   return true;
 }
 if (v === null) {
   return true;
 }
 if (typeof v === "object" && Object.keys(v).length === 0) {
   return true;
 }

 if (Array.isArray(v) && v.length === 0) {
   return true;
 }

 if (typeof v === "string" && v.trim().length === 0) {
   return true;
 }

return false;
}

typeof nullを呼び出すと、「object」の値が返されます。これは、特別な値nullは空のオブジェクト参照と見なされるためです。Safariからバージョン5までとChromeからバージョン7までには、正規表現でtypeofを呼び出すと「関数」が返され、他のすべてのブラウザーでは「オブジェクト」が返されるという癖があります。

var x;
if (x === undefined) {
    alert ("only declared, but not defined.")
};
if (typeof y === "undefined") {
    alert ("not even declared.")
};

あなたは2番目のものしか使用できません：定義と宣言の両方をチェックするからです

これらの2つの条件をテストする最良の/安全な方法は、値を文字列にキャストすることです。

var EmpName = $("div#esd-names div#name").attr('class');

// Undefined check
if (Object.prototype.toString.call(EmpName) === '[object Undefined]'){
    // Do something with your code
}

// Nullcheck
if (Object.prototype.toString.call(EmpName) === '[object Null]'){
    // Do something with your code
}

typeofを使用するだけで、値が未定義かnullかどうかを確認できます。

if(typeof value == 'undefined'){

if(x==null)JavaScriptでは悪い考えです。で判断"=="-予期しない型強制を引き起こす可能性があり、CoffeeScriptで読み取ることができないため、条件判断で「==」または「！=」を使用しないでください 。

if(x)より良いでしょうが、0と ""に注意してください。これはfalseとして扱われ、equalメソッドは"!= null"is trueではありません。

JavaScriptのベストプラクティスをご覧ください。