如何檢查一個(gè)對(duì)象是否為空
檢查一個(gè)數(shù)組為空很容易，直接調(diào)用 length 方法即可，那么如何檢查一個(gè)對(duì)象是否為空呢 ❓
這里的空指的是對(duì)象沒有自有屬性
假設(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 遍歷，并通過 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ì)比，同樣該方法無法獲取到不可遍歷屬性
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ì)大家有所幫助，如果大家有任何疑問請(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ì)象問題的快速解決方法
- js取消單選按鈕選中并判斷對(duì)象是否為空
- javascript代碼在ie8里報(bào)錯(cuò) document.getElementById(...) 為空或不是對(duì)象的解決方法
- js 解決“options為空或不是對(duì)象”
相關(guān)文章
淺談js的html元素的父節(jié)點(diǎn),子節(jié)點(diǎn)
下面小編就為大家?guī)硪黄獪\談js的html元素的父節(jié)點(diǎn),子節(jié)點(diǎn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
Js模塊打包exports require import的用法和區(qū)別
這篇文章主要介紹了Js模塊打包exports require import的用法和區(qū)別，對(duì)模塊打包感興趣的同學(xué)，可以參考下2021-05-05
詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法
這篇文章主要介紹了詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法,及利用各種限制條件對(duì)數(shù)組和字符串進(jìn)行過濾,需要的朋友可以參考下2016-03-03
JavaScript EventEmitter 背后的秘密 完整版
在這里，我們的目標(biāo)創(chuàng)建屬于我們自己的 Event Emitter 去理解背后的秘密。所以，讓我們看一下下面的代碼是怎么工作的,需要的朋友可以參考下2018-03-03
利用Javascript實(shí)現(xiàn)BMI計(jì)算器
BMI指數(shù)計(jì)算器相信大家都用過，那用JavaScript怎么實(shí)現(xiàn)呢？其實(shí)很簡(jiǎn)單，這篇文章給出了實(shí)例代碼，有需要的可以參考學(xué)習(xí)。2016-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序可滑動(dòng)周日歷組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
JS面試必備之如何實(shí)現(xiàn)一個(gè)精確的倒計(jì)時(shí)
又到了金三銀四的季節(jié)了,面試的各位同學(xué)要開始準(zhǔn)備起來了,今天主要分享一個(gè)在面試中經(jīng)常被提到的一個(gè)面試題：倒計(jì)時(shí),希望對(duì)大家有所幫助2024-03-03
iframe子父頁(yè)面調(diào)用js函數(shù)示例
JS實(shí)現(xiàn)容器模塊左右拖動(dòng)效果