JS判斷變量是否為空判斷是否null

更新時間：2023年04月15日 09:56:05 投稿：whsnow

本節(jié)主要介紹了JS判斷變量是否為空是否null的方法,需要的朋友可以參考下

null：空類型。它是JavaScript五種原始類型（boolean、number、string、null、undefined）中的一種。該原始類型僅有一個值：null。

JavaScript 判斷空值、NULL、undefined的方法

JavaScript 如果要判斷變量是否已定義，可以使用 typeof：

實例

if(typeof someVar == 'undefined') {
? document.write("變量 someVar 未定義");
} else {
? document.write("變量 someVar 已定義");
}

JavaScript 如果只想判斷已定義變量是否為 true 可以直接使用以下方法：

實例

if (strValue) {
? ? // strValue 為 true 執(zhí)行的代碼
} else {
? ? // strValue 為 false 執(zhí)行的代碼
}

以下使用正則的方法判斷變量是否已定義并且不為空，比較完整的方法：

實例

if ( // 返回判斷的值
? ? ? ? (typeof x == 'undefined')
? ? ? ? ? ? ? ||
? ? ? ? (x == null)
? ? ? ? ? ? ? ||
? ? ? ? (x == false) ? ? ? ?//類似: !x
? ? ? ? ? ? ? ||
? ? ? ? (x.length == 0)
? ? ? ? ? ? ? ||
? ? ? ? (x == 0) ? ? ? ? ? ?// 這里是判斷 0，不需要刻意去掉
? ? ? ? ? ? ? ||
? ? ? ? (x == "")
? ? ? ? ? ? ? ||
? ? ? ? (x.replace(/\s/g,"") == "")
? ? ? ? ? ? ? ||
? ? ? ? (!/[^\s]/.test(x))
? ? ? ? ? ? ? ||
? ? ? ? (/^\s*$/.test(x))
? ? ) {
? document.write("變量未定義或為空");
}

也可以封裝一個方法來判斷，包含了空值、0、false 等，適用已定義的變量：

實例

function empty(e) {
? switch (e) {
? ? case "":
? ? case 0:
? ? case "0":
? ? case null:
? ? case false:
? ? case undefined:
? ? ? return true;
? ? default:
? ? ? return false;
? }
}

empty(null) // true
empty(0) // true
empty(7) // false
empty("") // true
empty((function() {
? ? return ""
})) // false

在鑒別JavaScript原始類型的時候我們會用到typeof操作符。

Typeof操作符可用于字符串、數(shù)字、布爾和未定義類型。****但是你運行typeof null時，結(jié)果是“object”（在邏輯上，你可以認(rèn)為null是一個空的對象指針，所以結(jié)果為“object”）。

判斷一個值是否為空類型的最佳方法是直接和null比較：

value === null;    //true or false

 if(show.isProfitSplit !== null) {
    filterModel.isProfitSplit = Number(show.isProfitSplit);  
 }

這里使用的是三等號操作符（===）而不是雙等號。三等號操作符在進(jìn)行比較的時候不會將變量強制轉(zhuǎn)換為另一種類型。

當(dāng)你比較undefined 和 null的時候，雙等號會認(rèn)為他們相等，三等號認(rèn)為不相等。三等號認(rèn)為這兩個值類型不同。例子如下：

undefined == null;    //true
console.log(undefined == null);
undefined === null;   //false
console.log(undefined === null);

今天看到一個判斷值是否沒空的方法

var jb51=""
if(jb51){
    document.write('jb51變量不為空');
}else{
    document.write('jb51變量為空');
}

/** 
* 判斷是否null 
* @param data 
*/ 
function isNull(data){ 
return (data == "" || data == undefined || data == null) ? "暫無" : data; 
}

到此這篇關(guān)于JS判斷變量是否為空判斷是否null的文章就介紹到這了,更多相關(guān)JS判斷變量是否為空內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-06-06
Auntion-TableSort國人寫的一個javascript表格排序的東西
Auntion-TableSort國人寫的一個javascript表格排序的東西...
2007-11-11
這篇文章主要給大家介紹了關(guān)于JSONPath使用指南和實用技巧的相關(guān)資料,JsonPath,類似于XPath在XML中的作用,其提供了對格式Json數(shù)據(jù)的解析能力,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-08-08

在uniapp中custombar的使用步驟

在 UniApp中,自定義TabBar是指替換默認(rèn)的Tab欄以實現(xiàn)更多個性化的設(shè)計,自定義 TabBar 可以通過創(chuàng)建一個新的組件來實現(xiàn),并在頁面中引用該組件,下面給大家介紹在uniapp中custombar的使用步驟,感興趣的朋友一起看看吧

2024-05-05

使用JavaScrip模擬實現(xiàn)仿京東搜索框功能

使用js模擬實現(xiàn)京東的搜索框，主要用了js中的onfocus(注冊焦點事件)，onblur(失去焦點的事件)；本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友參考下吧

2019-10-10

解決layer 關(guān)閉當(dāng)前彈窗關(guān)閉遮罩層 input值獲取不到的問題

今天小編就為大家分享一篇解決layer 關(guān)閉當(dāng)前彈窗關(guān)閉遮罩層 input值獲取不到的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

2019-09-09

關(guān)于JavaScript實現(xiàn)動畫時動畫抖動的原因與解決方法

最近在使用JS動畫做一些練習(xí)的時候我發(fā)現(xiàn)在動畫執(zhí)行時間內(nèi)快速移開鼠標(biāo)時會出現(xiàn)動畫因鼠標(biāo)移動過快從而導(dǎo)致代碼沖突讓畫面抖動的bug,這篇文章主要給大家介紹了關(guān)于JavaScript實現(xiàn)動畫時動畫抖動的原因與解決方法,需要的朋友可以參考下

2022-06-06