js判空

2019-04-13 本文已影响0人橙小光
image.png
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            if(0){
                document.write('0 为true' +'<br/>')
            }else{
                document.write('0 为false' +'<br/>')
            }
            
            var jj = ''
            if(jj){
                document.write('空字符串 为true' +'<br/>')
            }else{
                document.write('空字符串 为fasle' +'<br/>')
            }
            
            var ww = undefined
            if(ww){
                document.write('undefined 为true' +'<br/>')
            }else{
                document.write('undefined 为fasle' +'<br/>')
            }
            
            var nn = null
            if(nn){
                document.write('null 为true' +'<br/>')
            }else{
                document.write('null 为fasle' +'<br/>')
            }
            
            var obj = {}
            if(obj){
                document.write('空对象 为true' +'<br/>')
            }else{
                document.write('空对象 为fasle' +'<br/>')
            }
            
            if(JSON.stringify(obj) == "{}"){
                document.write('是空对象' +'<br/>')
            }else{
                document.write('不是空对象 为fasle' +'<br/>')
            }
            
            var arr = []
            if(arr){
                document.write('空数组 为true' +'<br/>')
            }else{
                document.write('空数组 为fasle' +'<br/>')
            }
            if(arr.length){
                document.write('空数组.length 为true' +'<br/>')
            }else{
                document.write('空数组.length 为fasle' +'<br/>')
            }
            /*if判断数组为空就可以用 if(arr.length)  因为0为false*/
            /*if中 0，null，undefined，false，空字符串 执行else*/ 
        </script>
    </body>
</html>

<!-- js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串，再判断该字符串是否为"{}"
var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);//true


2.for in 循环判断
var obj = {};
var b = function() {
for(var key in obj) {
return false;
}
return true;
}
alert(b());//true


3.jquery的isEmptyObject方法
此方法是jquery将2方法(for in)进行封装，使用时需要依赖jquery
var data = {};
var b = $.isEmptyObject(data);
alert(b);//true


4.Object.getOwnPropertyNames()方法
此方法是使用Object对象的getOwnPropertyNames方法，获取到对象中的属性名，存到一个数组中，返回数组对象，我们可以通过判断数组的length来判断此对象是否为空
注意：此方法不兼容ie8，其余浏览器没有测试
var data = {};
var arr = Object.getOwnPropertyNames(data);
alert(arr.length == 0);//true


5.使用ES6的Object.keys()方法
与4方法类似，是ES6的新方法, 返回值也是对象中属性名组成的数组
var data = {};
var arr = Object.keys(data);
alert(arr.length == 0);//true -->
如果判断数组存在且不为空可以用：
if(arr && arr.length)
js判空

猜你喜欢

热点阅读
