如何檢查一個(gè)對(duì)象是否為空
檢查一個(gè)數(shù)組為空很容易,直接調(diào)用 length 方法即可,那么如何檢查一個(gè)對(duì)象是否為空呢 ❓
這里的空指的是對(duì)象沒(méi)有自有屬性
假設(shè)這里有兩個(gè)對(duì)象,一個(gè)是 obj 一個(gè)是 anotherObj
let obj1 = {
name: 'oli',
child: {
name: 'oliver'
}
}
let obj2 = {
[Symbol('name')]: 'alice'
}
let obj3 = Object.defineProperty({}, 'name', {
value: 'alice',
enumerable: false
})
let obj4 = Object.create(null)
// 我們需要一個(gè)函數(shù),判斷是否不含自有屬性
isEmpty(obj1) // false
isEmpty(obj2) // false
isEmpty(obj3) // false
isEmpty(obj4) // true
想了半天查看對(duì)象是否有 Symbol 屬性只能使用 getOwnPropertySymbols 方法,如果還有更好的方法歡迎留言
方法一:遍歷
for-in 遍歷,并通過(guò) hasOwnProperty 方法確認(rèn)是否存在某個(gè) key 這種方法不能夠遍歷到 enumerable 為 false 的屬性
const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
for (const key in object) {
if (object.hasOwnProperty(key)) {
return false
}
}
return true
}
方法二:keys 方法
使用 Object 靜態(tài)方法 keys 然后判斷 length 即可,keys 返回的是自身可枚舉屬性,因此同樣的不可遍歷到 enumerable 為 false 的屬性
const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
if (Object.keys(object).length) {
return false
}
return true
}
方法三:JSON 方法
使用 JSON Stringify 方法將對(duì)象轉(zhuǎn)為字符串,與字符串 '{}' 對(duì)比,同樣該方法無(wú)法獲取到不可遍歷屬性
const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
return JSON.stringify(object) === '{}'
}
。
方法四:getOwnPropertyNames 方法
使用 Object 的 getOwnPropertyNames 方法,獲取所有屬性名,這樣就算是不可枚舉屬性依然能夠獲取到,算是比較 ok 的方法。
const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
if (!!Object.getOwnPropertyNames(object).length) {
return false
}
return true
}

簡(jiǎn)化版:
const isEmptyObj = object => !Object.getOwnPropertySymbols(object).length && !Object.getOwnPropertyNames(object).length
以上所述是小編給大家介紹的js如何檢查一個(gè)對(duì)象是否為空詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- JavaScript 判斷一個(gè)對(duì)象{}是否為空對(duì)象的簡(jiǎn)單方法
- JS/Jquery判斷對(duì)象為空的方法
- Javascript中判斷對(duì)象是否為空
- 簡(jiǎn)單方法判斷JavaScript對(duì)象為null或者屬性為空
- js中判斷對(duì)象是否為空的三種實(shí)現(xiàn)方法
- js為空或不是對(duì)象問(wèn)題的快速解決方法
- js取消單選按鈕選中并判斷對(duì)象是否為空
- javascript代碼在ie8里報(bào)錯(cuò) document.getElementById(...) 為空或不是對(duì)象的解決方法
- js 解決“options為空或不是對(duì)象”
相關(guān)文章
layui頁(yè)面級(jí)彈出框的實(shí)現(xiàn)
本文主要介紹了layui頁(yè)面級(jí)彈出框的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02
兼容多瀏覽器的iframe自適應(yīng)高度(ie8 、谷歌瀏覽器4.0和 firefox3.5.3)
iframe在ie8 、谷歌瀏覽器4.0和 firefox3.5.3均成功自適應(yīng)高度.2009-11-11
javascript打造跨瀏覽器事件處理機(jī)制[Blue-Dream出品]
由于瀏覽器兼容的復(fù)雜性.打造一個(gè)較優(yōu)的跨瀏覽器事件處理函數(shù).不是件容易的事情.各大類庫(kù)也都通過(guò)了種種方案去抽象一個(gè)龐大的事件機(jī)制.2010-07-07
JS控制只能輸入數(shù)字并且最多允許小數(shù)點(diǎn)兩位
這篇文章主要介紹了JS控制只能輸入數(shù)字并且最多允許小數(shù)點(diǎn)兩位,本文給大家提到j(luò)s如何限制input輸入框只能輸入數(shù)字問(wèn)題,需要的朋友可以參考下2019-11-11
JavaScript定時(shí)器setTimeout()和setInterval()詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript定時(shí)器setTimeout()和setInterval()的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
Bootstrap每天必學(xué)之滾動(dòng)監(jiān)聽(tīng)
Bootstrap每天必學(xué)之滾動(dòng)監(jiān)聽(tīng),對(duì)Bootstrap滾動(dòng)監(jiān)聽(tīng)感興趣的小伙伴們可以參考一下2016-03-03
移動(dòng)端左右滑動(dòng)切換頁(yè)面效果完整代碼(純JavaScript)
這篇文章主要介紹了如何通過(guò)原生JavaScript實(shí)現(xiàn)移動(dòng)端左右滑動(dòng)效果,并結(jié)合tab切換卡功能,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03

