{首页主词},&

js 如何判斷對象自身為空？

freeflydom

2023年11月27日 12:2 本文熱度 1047

1. JSON.stringify

JSON.stringify 方法可以使對象序列化，轉(zhuǎn)為相應的 JSON 格式。

const obj = {};

console.log(JSON.stringify(obj) === '{}')  // true

缺點：如果存在 undefined、任意的函數(shù)以及 symbol 值，在序列化過程中會被忽略（出現(xiàn)在非數(shù)組對象的屬性值中時）或者被轉(zhuǎn)換成 null（出現(xiàn)在數(shù)組中時）。更多

如下示例：

const obj = {
  a: undefined,
  b: function() {},
  c: Symbol()
}

console.log(JSON.stringify(obj) === '{}')  // true

2. for in 配合 hasOwnProperty

使用 for in 對當前對象進行遍歷：

const obj = {}
Object.prototype.a = 1

function isEmptyObj(obj) {
  let flag = true
  for (let o in obj) {
    flag = false
    break
  }
  return flag
}

console.log(isEmptyObj(obj))  // false

由于 for in 在進行對象遍歷時，會遍歷對象原型上的屬性，而我們只希望得到其自身的屬性，這時可以使用 hasOwnProperty 來實現(xiàn)，如下：

const obj = {}
Object.prototype.a = 1

function isEmptyObj(obj) {
  let flag = true
  for (let o in obj) {
    if (obj.hasOwnProperty(o)) {
      flag = false
      break
    }
  }
  return flag
}

console.log(isEmptyObj(obj))  // true

缺點：for in 不能遍歷不可枚舉的屬性。

3. Object.keys

Object.keys 會返回對象自身可枚舉屬性組成的數(shù)組，而不會遍歷原型上的屬性。

const obj = {}
Object.prototype.a = 1

console.log(Object.keys(obj).length === 0)  // true

缺點：Object.keys 和 for in 都只能遍歷可枚舉屬性，不能遍歷不可枚舉的屬性。

我們使用 Object.defineProperty 將屬性 enumerable 設(shè)置為 false 來進行測試，示例如下：

const obj = {}
Object.defineProperty(obj, 'a', {
  value: 1,
  enumerable: false
})

console.log(obj.a)  // 1
console.log(isEmptyObj(obj))  // true
console.log(Object.keys(obj).length === 0)  // true

4. Object.getOwnPropertyNames

使用 Object.getOwnPropertyNames 可以得到對象自身的所有屬性名組成的數(shù)組(包括不可枚舉屬性)。

const obj = {}
Object.defineProperty(obj, 'a', {
  value: 1,
  enumerable: false
})

console.log(Object.getOwnPropertyNames(obj))  // [ 'a' ]

缺點：不能獲取 Symbol 值作為名稱的屬性，以上的 JSON.stringify、for in 以及 Object.keys 方法也不能獲取Symbol 值作為名稱的屬性，示例如下：

const a = Symbol()
const obj = {
  [a]: 1
}

console.log(obj)  // { [Symbol()]: 1 }
console.log(Object.getOwnPropertyNames(obj).length === 0)  // true
console.log(JSON.stringify(obj) === '{}')  // true
console.log(isEmptyObj(obj))  // true
console.log(Object.keys(obj).length === 0)  // true

5. Object.getOwnPropertyNames 結(jié)合 Object.getOwnPropertySymbols

已知 Object.getOwnPropertyNames 唯一的缺點是不能獲取 Symbol 值作為名稱的屬性，而 Object.getOwnPropertySymbols 只能獲取由 Symbol 值作為名稱的屬性，兩者相結(jié)合是不是就可以完美解決了。我們來簡單測試一下：

const a = Symbol()
const obj1 = {
  [a]: 1
}
const obj2 = {b: 2}
const obj3 = {}
Object.defineProperty(obj3, 'a', {
  value: 1,
  enumerable: false
})
const obj4 = {}

function getLength(obj) {
  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj)).length
}

console.log(getLength(obj1) === 0)  // false
console.log(getLength(obj2) === 0)  // false
console.log(getLength(obj3) === 0)  // false
console.log(getLength(obj4) === 0)  // true

經(jīng)過測試，上面這種方法的確可以解決，但是比較繁瑣，那有沒有更好的方法呢？答案是有的。

6. Reflect.ownKeys

Reflect.ownKeys 方法返回一個由目標對象自身的屬性組成的數(shù)組，它的返回值等同于 Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target))，示例如下：

const a = Symbol()
const obj1 = {
  [a]: 1
}
const obj2 = {b: 2}
const obj3 = {}
Object.defineProperty(obj3, 'a', {
  value: 1,
  enumerable: false
})
const obj4 = {}

console.log(Reflect.ownKeys(obj1).length === 0)  // false
console.log(Reflect.ownKeys(obj2).length === 0)  // false
console.log(Reflect.ownKeys(obj3).length === 0)  // false
console.log(Reflect.ownKeys(obj4).length === 0)  // true

總結(jié)

判斷一個對象是否為空時，使用 Reflect.ownKeys 方法最為完美。

作者：codinglin
鏈接：https://juejin.cn/post/7275220813619298367
來源：稀土掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

該文章在 2023/11/27 12:02:10 編輯過

關(guān)鍵字查詢

為空

判斷

對象

相關(guān)文章

正在查詢...

點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。

點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務費用、相關(guān)報表等業(yè)務管理，結(jié)合碼頭的業(yè)務特點，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。