Js判斷參數(shù)(String,Array,Object)是否為undefined或者值為空
有時候我們會遇到這樣的情況:在一些前端控件要提交數(shù)據(jù)到服務器端的數(shù)據(jù)驗證過程中,需要判斷提交的數(shù)據(jù)是否為空。如果是普通表單的字符串數(shù)據(jù),只需要在 trim 后判斷 length 即可,而這里需要的數(shù)據(jù)可以是各種不同的類型(數(shù)字、字符串、數(shù)組、對象等等),通過 JSON.stringify(data) 進行序列化后再傳遞。
在這里定義如下的數(shù)據(jù)值為“空值”:
•undefined
•null
•空字符串及純空白字符串:''、' ' 等。
•空數(shù)組:[]
•空對象:{}
對于除此以外的數(shù)據(jù)值,均認為不為空。
其中 null 和 undefined 很容易識別,但對于其他類型,我們須要得到其數(shù)據(jù)類型才能用相應的方法去檢測數(shù)據(jù)是否為空。最容易想到的方法就是利用typeof 操作符:
<SPAN style="BACKGROUND-COLOR: rgb(255,255,255)">if(typeof data === 'number') {
//deal with numbers
}</SPAN>
但 typeof 返回的類型字符串只有 'object'、'function'、'number'、'boolean'、'string'、'undefined' 這六種,很多原生對象如 Date、RegExp 對象無法與用 {} 創(chuàng)建的對象進行區(qū)分。另外,typeof 對于一些基本數(shù)據(jù)類型如 (String、Number、Boolean) 與其對應的基本包裝類型數(shù)據(jù)會分別返回不同值,如:
<SPAN style="BACKGROUND-COLOR: rgb(255,255,255)">console.log(typeof false); //'boolean'
console.log(typeof new Boolean(false)); //'object'
console.log(typeof 1); //'number'
console.log(typeof new Number(1)); //'object'
console.log(typeof ''); //'string'
console.log(typeof new String('')); //'object'</SPAN>
這對我們的判斷也有一定的影響。
用 instanceof?這只能判斷對象,而且存在多 frame 時多個同類對象不共享 prototype 的問題,從其他 frame 中取得的對象無法正確判斷。
還好,還有一個最簡單也最可靠的方法:Object.prototype.toString。對于不同類型的數(shù)據(jù),這個方法可以返回 '[object Object]'、'[object Array]'、'[object String]' 這樣的字符串,非常方便判斷。需要注意的是,在 IE8 及其以下瀏覽器中,這個方法對于null、undefined、window 等都會返回 '[object Object]',不過還好,這并不影響我們使用它判斷空對象。
下面直接上代碼,說明就看注釋吧。
var isEmptyValue = function(value) {
var type;
if(value == null) { // 等同于 value === undefined || value === null
return true;
}
type = Object.prototype.toString.call(value).slice(8, -1);
switch(type) {
case 'String':
return !$.trim(value);
case 'Array':
return !value.length;
case 'Object':
return $.isEmptyObject(value); // 普通對象使用 for...in 判斷,有 key 即為 false
default:
return false; // 其他對象均視作非空
}
};
相關文章
JavaScript-RegExp對象只能使用一次問題解決方法
RegExp對象執(zhí)行了一次后就廢掉了,所以每次用RegExp都需要重新new一個,下面有個示例,需要的朋友可以參考下2014-06-06原生JavaScript實現(xiàn)todolist功能
本篇文章給大家介紹了通過原生JavaScript實現(xiàn)todolist功能相關知識點,對此有需要的朋友可以學習下。2018-03-03JS實現(xiàn)可縮放、拖動、關閉和最小化的浮動窗口完整實例
這篇文章主要介紹了JS實現(xiàn)可縮放、拖動、關閉和最小化的浮動窗口的方法,實例分析了javascript操作窗口層的技巧,需要的朋友可以參考下2015-03-03javascript中Date()函數(shù)在各瀏覽器中的顯示效果
本文給大家分享的是javascript中Date()函數(shù)在各瀏覽器中的顯示效果,由于各大瀏覽器的兼容性問題,本文做了這個測試,希望有需要的小伙伴可以少走些彎路2015-06-06