粗大的内捧猛烈进出小视频,日本成人精品视频一区,在线播放亚洲成人av,精品人妻少妇嫩草av专区,亚洲AV永久久久久久久浪潮,性导航app精品视频,九九热精品免费视频,一本一本大道香蕉久在线播放

        JavaScript判斷變量是否為空對象 {} 的幾種方法

        2018-8-20    seo達人

        如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

        json對象轉化為json字符串,再判斷該字符串是否為"{}"

        var obj = {}; var b = (JSON.stringify(obj) === "{}");
        console.log(b); // true
            
        • 1
        • 2
        • 3

        for in 循環判斷

        var obj = {}; var b = function() { for(var key in obj) { return false;
            } return true;
        }
        console.log(b()); // true
            
        • 1
        • 2
        • 3
        • 4
        • 5
        • 6
        • 7
        • 8

        網上很多都是如上的說法,但是會存在一個問題,就是如果obj=null ,obj=undefinedobj=""obj=[]obj=0 以及obj為任意數字也返回true,所以有了下面這個for in 循環判斷:

        方案一:

        var obj = {}; var b = function() { for(var key in obj) { return false;
            } if(obj === null || typeof obj !== "object" || Array.isArray(obj)){ return false;
            } return true;
        }
        console.log(b()); // true
            
        • 1
        • 2
        • 3
        • 4
        • 5
        • 6
        • 7
        • 8
        • 9
        • 10
        • 11

        方案二:

        var obj = {}; var b = function() { for(var key in obj) { return false;
            } if(obj === null || typeof obj !== "object" || Object.prototype.toString.call(obj) === "[object Array]"){ return false;
            } return true;
        }
        console.log(b()); // true
            
        • 1
        • 2
        • 3
        • 4
        • 5
        • 6
        • 7
        • 8
        • 9
        • 10
        • 11

        上面兩種方案的區別就是判斷判斷空數組的方式不同。

        jQuery的jQuery.isEmptyObject(obj)方法

        var obj = {}; var b = $.isEmptyObject(obj);
        console.log(b); // true
            
        • 1
        • 2
        • 3

        jQuery.isEmptyObject(obj) 方法依然存在obj=null ,obj=undefinedobj="",obj=[],obj=0 以及obj為任意數字返回true的問題,所以我們還應該再用typeof 或者 $.type() 判斷一下:

        var obj = {}; var b = $.isEmptyObject(obj) && $.type(obj) === "object";
        console.log(b); // true
            
        • 1
        • 2
        • 3
        var obj = {}; var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && !Array.isArray(obj);
        console.log(b); // true
            
        • 1
        • 2
        • 3
        var obj = {}; var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && Object.prototype.toString.call(obj) !== "[object Array]";
        console.log(b); // true
            
        • 1
        • 2
        • 3

        Object.getOwnPropertyNames()方法

        Object.getOwnPropertyNames() 方法返回一個由指定對象的所有自身屬性的屬性名(包括不可枚舉屬性但不包括Symbol值作為名稱的屬性)組成的數組。

        var obj = {}; var b = !Object.getOwnPropertyNames(obj).length;
        console.log(b); // true
            
        • 1
        • 2
        • 3

        Object.getOwnPropertyNames() 方法存在obj=0 以及obj為任意數字返回true的問題,所以我們還應該再用typeof 判斷一下:

        var obj = {}; var b = !Object.getOwnPropertyNames(obj).length && typeof obj === "object";
        console.log(b); // true
            
        • 1
        • 2
        • 3

        Object.keys()方法

        Object.keys() 方法會返回一個由一個給定對象的自身可枚舉屬性組成的數組,數組中屬性名的排列順序和使用 for...in循環遍歷該對象時返回的順序一致 。

        var obj = {}; var b = !Object.keys(obj).length;
        console.log(b); // true
            
        • 1
        • 2
        • 3

        Object.keys() 方法存在obj="",obj=[],obj=0 以及obj為任意數字返回true的問題,所以依舊需要加判斷如下:

        var obj = {}; var b = !Object.keys(obj).length && typeof obj === "object" && !Array.isArray(obj);
        console.log(b); // true
            
        • 1
        • 2
        • 3
        var obj = {}; var b = !Object.keys(obj).length && typeof obj === "object" && Object.prototype.toString.call(obj) !== "[object Array]";
        console.log(b); // true
            
        • 1
        • 2
        • 3

        在實際應用中,如果對象不為空,并且知道對象不為空時,某個屬性一定存在,則直接判斷這個對象的此屬性是否存在。

        藍藍設計www.xintaizi.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

        日歷

        鏈接

        個人資料

        藍藍設計的小編 http://www.xintaizi.com

        存檔