<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • JavaScript判斷變量是否為空對(duì)象 {} 的幾種方法

    2018-8-20    seo達(dá)人

    如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

    json對(duì)象轉(zhuǎn)化為json字符串,再判斷該字符串是否為"{}"

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

    for in 循環(huán)判斷

    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

    網(wǎng)上很多都是如上的說(shuō)法,但是會(huì)存在一個(gè)問(wèn)題,就是如果obj=null ,obj=undefinedobj=""obj=[]obj=0 以及obj為任意數(shù)字也返回true,所以有了下面這個(gè)for in 循環(huán)判斷:

    方案一:

    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

    上面兩種方案的區(qū)別就是判斷判斷空數(shù)組的方式不同。

    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為任意數(shù)字返回true的問(wèn)題,所以我們還應(yīng)該再用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() 方法返回一個(gè)由指定對(duì)象的所有自身屬性的屬性名(包括不可枚舉屬性但不包括Symbol值作為名稱(chēng)的屬性)組成的數(shù)組。

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

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

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

    Object.keys()方法

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

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

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

    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

    在實(shí)際應(yīng)用中,如果對(duì)象不為空,并且知道對(duì)象不為空時(shí),某個(gè)屬性一定存在,則直接判斷這個(gè)對(duì)象的此屬性是否存在。

    藍(lán)藍(lán)設(shè)計(jì)m.skdbbs.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 国产精品区AV一区二区| 精品第一国产综合精品蜜芽| 国产精品亚洲午夜一区二区三区| 国产精品一级毛片无码视频| 久久精品99久久香蕉国产色戒| 国产精品 一区 在线| 日产欧美国产日韩精品| 99精品国产一区二区三区2021| 久久国产精品视频| 国产精品嫩草视频永久网址| 亚洲一日韩欧美中文字幕欧美日韩在线精品一区二 | 99久久人妻无码精品系列| 午夜亚洲av永久无码精品| 99久久国产综合精品五月天喷水 | 97精品国产97久久久久久免费| 久久久久久九九99精品| 久久精品国产一区二区电影| 久久se精品一区二区| 精品国产第一国产综合精品| 亚洲成人国产精品| 四虎国产精品永久一区| 亚洲韩国精品无码一区二区三区| 99久久精品免费观看国产| 成人精品视频一区二区三区| 亚洲第一极品精品无码久久| 精品国产麻豆免费人成网站| 亚洲国产精品成人精品无码区| 久久久精品人妻无码专区不卡| 中文字幕一区二区精品区| 精品一卡2卡三卡4卡免费视频| 99久久国产综合精品麻豆| 91精品在线看| www国产精品| 国产精品视频免费| 久久国产精品99久久久久久老狼| 国产精品久久久天天影视| 精品国产网红福利在线观看| 一区二区三区日韩精品| 国产精品日韩深夜福利久久| 国产乱人伦偷精品视频不卡| 久久99国产精品成人欧美|