国产成在线人视频免费视频-国产成综合-国产床上视频-国产大臿蕉香蕉大视频女-国产大尺度pr社18福利在线

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=undefined,obj=""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=undefined,obj="",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.z1277.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.z1277.cn

存檔

主站蜘蛛池模板: 麻豆视频免费入口 | 亚洲高清美女一区二区三区 | 999精品在线视频 | 久久国产乱子伦精品免 | 天天爽影院一区二区在线影院 | 国产成人一区二区三区精品久久 | 精品国产免费观看一区 | 在线一区播放 | 三个黑人强一个女人视频 | 精品国产高清不卡毛片 | 午夜影院一区二区 | 可以在线看黄的网站 | 中国黄色免费网站 | 寡妇一级a毛片免费播放 | 中文一区二区视频 | 97超级碰碰碰久久久观看 | 精品哟哟哟国产在线不卡 | 这里只有精品国产 | 性做久久久久久久久25的美女 | 精品国产精品a | 欧美成人午夜免费完成 | 国产一级特黄aa大片免费 | 免费超爽大片黄网站 | 手机看片亚洲 | 东京加勒比中文字幕波多野结衣 | 亚洲精彩视频 | 尤物在线观看免费入口 | 中国欧美一级毛片免费 | 成人午夜免费在线观看 | 国产一级毛片网站 | 一级特级aa欧美毛片 | 中文字幕久久网 | 国产高清在线视频 | 国产在线观看人成激情视频 | 91手机在线观看 | 国产一国产一级毛片视频 | 国产精品资源在线播放 | 2022国产情侣真实露脸在线 | 好吊色青青青国产在线观看 | 成人免费一区二区三区在线观看 | 高清欧美不卡一区二区三区 |