Js判断参数(String,Array,Object)是否为undefined或者值为空

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Js判断参数(String,Array,Object)是否为undefined或者值为空，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2390字，纯文字阅读大概需要4分钟。

内容图文

有时候我们会遇到这样的情况：在一些前端控件要提交数据到服务器端的数据验证过程中，需要判断提交的数据是否为空。如果是普通表单的字符串数据，只需要在 trim 后判断 length 即可，而这里需要的数据可以是各种不同的类型(数字、字符串、数组、对象等等)，通过 JSON.stringify(data) 进行序列化后再传递。

在这里定义如下的数据值为“空值”：

?undefined
?null
?空字符串及纯空白字符串：''、'    ' 等。
?空数组：[]
?空对象：{}

对于除此以外的数据值，均认为不为空。

其中 null 和 undefined 很容易识别，但对于其他类型，我们须要得到其数据类型才能用相应的方法去检测数据是否为空。最容易想到的方法就是利用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 对象无法与用 {} 创建的对象进行区分。另外，typeof 对于一些基本数据类型如 (String、Number、Boolean) 与其对应的基本包装类型数据会分别返回不同值，如：
代码如下:
<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。对于不同类型的数据，这个方法可以返回 '[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; // 其他对象均视作非空
            }
        };

内容总结

以上是互联网集市为您收集整理的Js判断参数(String,Array,Object)是否为undefined或者值为空全部内容，希望文章能够帮你解决Js判断参数(String,Array,Object)是否为undefined或者值为空所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端