如何檢查一個對象是否為空
檢查一個數(shù)組為空很容易，直接調(diào)用 length 方法即可，那么如何檢查一個對象是否為空呢 ❓
這里的空指的是對象沒有自有屬性
假設(shè)這里有兩個對象，一個是 obj 一個是 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)
// 我們需要一個函數(shù)，判斷是否不含自有屬性
isEmpty(obj1) // false
isEmpty(obj2) // false
isEmpty(obj3) // false
isEmpty(obj4) // true
想了半天查看對象是否有 Symbol 屬性只能使用 getOwnPropertySymbols 方法，如果還有更好的方法歡迎留言
方法一：遍歷
for-in 遍歷，并通過 hasOwnProperty 方法確認是否存在某個 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 方法將對象轉(zhuǎn)為字符串，與字符串 '{}' 對比，同樣該方法無法獲取到不可遍歷屬性
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
}
簡化版：
const isEmptyObj = object => !Object.getOwnPropertySymbols(object).length && !Object.getOwnPropertyNames(object).length
以上所述是小編給大家介紹的js如何檢查一個對象是否為空詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
下面小編就為大家?guī)硪黄獪\談js的html元素的父節(jié)點,子節(jié)點。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Js模塊打包exports require import的用法和區(qū)別
這篇文章主要介紹了Js模塊打包exports require import的用法和區(qū)別，對模塊打包感興趣的同學(xué)，可以參考下2021-05-05
詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法
這篇文章主要介紹了詳解JavaScript數(shù)組和字符串中去除重復(fù)值的方法,及利用各種限制條件對數(shù)組和字符串進行過濾,需要的朋友可以參考下2016-03-03
JavaScript EventEmitter 背后的秘密 完整版
在這里，我們的目標創(chuàng)建屬于我們自己的 Event Emitter 去理解背后的秘密。所以，讓我們看一下下面的代碼是怎么工作的,需要的朋友可以參考下2018-03-03
BMI指數(shù)計算器相信大家都用過，那用JavaScript怎么實現(xiàn)呢？其實很簡單，這篇文章給出了實例代碼，有需要的可以參考學(xué)習(xí)。2016-08-08
這篇文章主要為大家詳細介紹了微信小程序可滑動周日歷組件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
又到了金三銀四的季節(jié)了,面試的各位同學(xué)要開始準備起來了,今天主要分享一個在面試中經(jīng)常被提到的一個面試題：倒計時,希望對大家有所幫助2024-03-03
js實現(xiàn)封裝jQuery的簡單方法與鏈式操作詳解
這篇文章主要給大家介紹了關(guān)于js實現(xiàn)封裝jQuery的簡單方法與鏈式操作的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
iframe子頁面調(diào)用父頁面js函數(shù)及iframe父頁面調(diào)用子頁面js函數(shù)在實際項目中都是很實用的，下面有個不錯的示例，感興趣的朋友可以了解下2013-11-11
這篇文章主要為大家詳細介紹了JS實現(xiàn)容器模塊左右拖動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01