• 技术文章 >web前端 >前端问答

    es6怎么判断对象是否为空

    青灯夜游青灯夜游2022-10-20 16:39:00原创404

    判断方法:1、用“Object.keys()”判断,语法“Object.keys(obj).length === 0&&obj.constructor===Object ”,返回true表示为空;2、将对象转化为json字符串,判断该字符串是否为“{}”即可;3、用isEmptyObject()判断,语法“$.isEmptyObject(data)”,返回true表示为空。

    大前端成长进阶课程:进入学习

    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

    判断对象是否为空,就是判断对象是否为空对象。

    ES6 判断是否为空对象的各种方法

    1、使用ES6的Object.keys()方法

    Object.keys()是ES6的新方法, 返回值也是对象中属性名组成的数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。

    Object.keys(obj).length === 0 && obj.constructor === Object  
    // true表示为空对象,false为非空对象

    缺点: 部分浏览器不支持,需要通过 babel 类插件转为 ES5。使用范例如下:

    var data = {};
    
    var arr = Object.keys(data);
    
    alert(arr.length == 0);//true 即为空对象
    
    var datas={a:1,b:2};
    
    var aRR = Object.keys(datas);
    
    console.log(aRR) -->   ['a','b']

    2、将对象转化为json字符串,再判断该字符串是否为"{}"

    var data = {};
    var b = (JSON.stringify(data) == "{}");
    alert(b);//true

    3、for in 循环判断

    var obj = {};
    var b = function() {
    	for(var key in obj) {
    		return false;
    	}
    	return true;
    }
    alert(b());//true

    4、jquery的isEmptyObject方法

    此方法是jquery将3方法(for in)进行封装,使用时需要依赖jquery

    var data = {};
    var b = $.isEmptyObject(data);
    alert(b);//true

    5、Object.getOwnPropertyNames()方法

    此方法是使用Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到一个数组中,返回数组对象,我们可以通过判断数组的length来判断此对象是否为空

    注意:此方法不兼容ie8,其余浏览器没有测试。

    var data = {};
    var arr = Object.getOwnPropertyNames(data);
    alert(arr.length == 0);//true

    【相关推荐:javascript视频教程编程视频

    以上就是es6怎么判断对象是否为空的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:ES6
    上一篇:hbuilder是否支持es6 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• es6模块输出的值是拷贝的吗• es6中object有哪些方法• es6 中 object 有哪些方法 测试测试测试• typescript兼容es6吗• async属于es6属性吗
    1/1

    PHP中文网