Bagaimana saya bisa menentukan apakah suatu variabel 'tidak terdefinisi' atau 'nol'?

Bagaimana cara menentukan apakah variabelnya undefinedatau null?

Kode saya adalah sebagai berikut:

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

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

Tetapi jika saya melakukan ini, penerjemah JavaScript menghentikan eksekusi.

Anda dapat menggunakan kualitas dari operator kesetaraan abstrak untuk melakukan ini:

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

Karena null == undefineditu benar, kode di atas akan menangkap keduanya nulldan undefined.

Cara standar untuk menangkap nulldan undefinedsecara bersamaan adalah ini:

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

--yang 100% setara dengan yang lebih eksplisit tetapi kurang ringkas:

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

Saat menulis JS profesional, anggaplah jenis kesetaraan dan perilaku ==vs=== dipahami. Karena itu kami menggunakan ==dan hanya membandingkan null.

Edit lagi

Komentar yang menyarankan penggunaan typeofhanya salah. Ya, solusi saya di atas akan menyebabkan ReferenceError jika variabel tidak ada. Ini hal yang baik. ReferenceError ini diinginkan: ini akan membantu Anda menemukan kesalahan Anda dan memperbaikinya sebelum Anda mengirimkan kode Anda, seperti halnya kesalahan kompiler dalam bahasa lain. Gunakan try/ catchjika Anda bekerja dengan input, Anda tidak memiliki kendali atas.

Anda tidak boleh memiliki referensi ke variabel yang tidak dideklarasikan dalam kode Anda.

Menggabungkan jawaban di atas, tampaknya jawaban yang paling lengkap adalah:

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

Ini harus berfungsi untuk variabel apa pun yang tidak dideklarasikan atau dideklarasikan dan secara eksplisit diatur ke nol atau tidak terdefinisi. Ekspresi boolean harus dievaluasi menjadi false untuk setiap variabel yang dideklarasikan yang memiliki nilai bukan nol yang sebenarnya.

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

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

akan bernilai true jika nilainya tidak:

• batal

• tidak terdefinisi

• NaN

• string kosong ("")

• 0

• Salah

attr()Fungsi jQuery mengembalikan string kosong atau nilai aktual (dan tidak pernah nullatau undefined). Satu-satunya waktu ia kembaliundefined adalah ketika pemilih Anda tidak mengembalikan elemen apa pun.

Jadi, Anda mungkin ingin menguji terhadap string kosong. Atau, karena string kosong, null dan undefined adalah false-y, Anda bisa melakukan ini:

if (!EmpName) { //do something }

Saya datang untuk menulis fungsi saya sendiri untuk ini. JavaScript itu aneh.

Dapat digunakan pada apa pun secara harfiah. (Perhatikan bahwa ini juga memeriksa apakah variabel berisi nilai yang dapat digunakan . Tetapi karena informasi ini biasanya juga diperlukan, saya pikir ini layak untuk dikirim). Silakan pertimbangkan untuk meninggalkan catatan.

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;
}

Kompatibel dengan TypeScript.

Fungsi ini harus melakukan hal yang persis sama seperti empty()fungsi PHP (lihatRETURN VALUES )

Menganggap undefined, null, false, 0, 0.0, "0" {}, []sebagai kosong.

"0.0", NaN, " ", trueDianggap non-kosong.

Jika variabel yang ingin Anda periksa adalah global, lakukan

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

Cara memeriksa ini tidak akan menimbulkan kesalahan bahkan jika yourVarNamevariabel tidak ada.

Contoh: Saya ingin tahu apakah browser saya mendukung History API

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

Bagaimana ini bekerja:

windowadalah objek yang memegang semua variabel global sebagai propertinya, dan dalam JavaScript adalah sah untuk mencoba mengakses properti objek yang tidak ada. Jika historytidak ada maka window.historykembali undefined. undefinedadalah falsey, jadi kode dalam if(undefined){}blok tidak akan berjalan.

Yang terpendek dan termudah:

if(!EmpName ){
 // DO SOMETHING
}

ini akan mengevaluasi true jika EmpName adalah:

• batal
• tidak terdefinisi
• NaN
• kosong
• string ("")
• 0
• Salah

Mungkin cara terpendek untuk melakukan ini adalah:

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

Ini buktinya:

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" 

Dan di sini adalah rincian lebih lanjut tentang ==(sumber di sini )

BONUS : alasan mengapa ===lebih jelas daripada ==(lihat jawaban AGC )

Saya baru saja mengalami masalah ini yaitu memeriksa apakah suatu objek adalah nol.
Saya hanya menggunakan ini:

if (object) {
    // Your code
}

Sebagai contoh:

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

Karena Anda menggunakan jQuery , Anda dapat menentukan apakah suatu variabel tidak terdefinisi atau nilainya nol dengan menggunakan fungsi tunggal.

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;

Elemen cek jQuery bukan null:

var dvElement = $('#dvElement');

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

Dalam JavaScript, sesuai pengetahuan saya, kami dapat memeriksa variabel yang tidak terdefinisi, nol, atau kosong seperti di bawah ini.

if (variable === undefined){
}

if (variable === null){
}

if (variable === ''){
}

Periksa semua kondisi:

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

Anda cukup menggunakan yang berikut ini (saya tahu ada cara yang lebih pendek untuk melakukan ini, tetapi ini dapat membuatnya lebih mudah untuk diamati secara visual, setidaknya untuk orang lain yang melihat kode).

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

Cara termudah untuk memeriksa adalah:

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

Dengan solusi di bawah ini:

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...

Saya dapat memeriksa hal-hal berikut:

• batal
• tidak terdefinisi
• NaN
• kosong
• string ("")
• 0
• Salah

Untuk menguji apakah suatu variabel nol atau tidak terdefinisi, saya menggunakan kode di bawah ini.

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

Saya menjalankan tes ini di konsol Chrome. Menggunakan (void 0) Anda dapat memeriksa undefined:

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

Mari kita lihat ini,

1.  

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

   Di atas, variabel hanya dinyatakan sebagai apple. Dalam hal ini, jika kita memanggil metode, alertitu akan menampilkan tidak terdefinisi.

2.  

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

Dalam yang kedua ini menampilkan nol, karena variabel applenilai adalah nol.

Jadi, Anda dapat memeriksa apakah suatu nilai tidak terdefinisi atau nol.

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

Cara terbaik:

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

/* do your stuff */
}

(null == undefined)  // true

(null === undefined) // false

Karena === memeriksa untuk jenis dan nilai. Jenis keduanya berbeda tetapi nilainya sama.

var i;

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

The foo == nullcek harus melakukan trik dan menyelesaikan "tidak terdefinisi OR null" kasus dengan cara yang terpendek. (Tidak mempertimbangkan "foo tidak dideklarasikan" kasus.) Tetapi orang-orang yang terbiasa memiliki 3 sama (sebagai praktik terbaik) mungkin tidak menerimanya. Lihat saja aturan eqeqeq atau triple-equals di eslint dan tslint ...

Pendekatan eksplisit, ketika kami memeriksa apakah suatu variabel adalah undefinedatau nullsecara terpisah, harus diterapkan dalam kasus ini, dan kontribusi saya pada topik (27 jawaban non-negatif untuk saat ini!) Adalah digunakan void 0sebagai cara pendek dan aman untuk melakukan pemeriksaan. untukundefined .

Penggunaan foo === undefinedtidak aman karena undefined bukan kata yang dilindungi undang-undang dan dapat dibayangi ( MDN ). Menggunakantypeof === 'undefined' cek itu aman, tetapi jika kita tidak akan peduli dengan kasus foo-is-tidak diumumkan pendekatan berikut dapat digunakan:

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

jika Anda membuat fungsi untuk memeriksanya:

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;
}

Memanggil typeof null mengembalikan nilai "objek", karena nilai khusus null dianggap sebagai referensi objek kosong. Safari melalui versi 5 dan Chrome melalui versi 7 memiliki kekhasan di mana memanggil typeof pada ekspresi reguler mengembalikan "fungsi" sementara semua browser lain mengembalikan "objek".

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

Anda hanya dapat menggunakan yang kedua: karena akan memeriksa definisi dan deklarasi

Saya masih berpikir cara terbaik / aman untuk menguji dua kondisi ini adalah dengan memberikan nilai ke string:

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
}

Anda dapat memeriksa apakah nilainya tidak terdefinisi atau nol dengan hanya menggunakan typeof:

if(typeof value == 'undefined'){

if(x==null)adalah ide yang buruk dalam JavaScript. Menilai dengan "=="- itu dapat menyebabkan paksaan tipe yang tidak terduga, dan itu tidak dapat dibaca oleh CoffeeScript, tidak pernah menggunakan "==" atau "! =" Dalam penilaian kondisi!

if(x)akan lebih baik, tapi hati-hati dengan 0 dan "" . Itu akan diperlakukan sebagai salah , bukan metode yang sama dengan "!= null"itu benar .

Lihat JavaScript Praktik Terbaik .