如何判斷一個物件是否為空？

王铁柱6發表於2024-12-02
物件

在前端開發中，判斷一個物件是否為空的方法取決於你想判斷的是哪種“空”。以下幾種情況和對應的判斷方法：

1. 判斷物件是否為空物件（沒有任何屬性）：

這是最常見的“空物件”的定義。 一個空物件{}不包含任何自有屬性。

  • Object.keys(): 這是最推薦的方法，因為它簡潔明瞭且相容性好。
const obj = {};
if (Object.keys(obj).length === 0) {
  console.log("物件為空");
}
  • for...in迴圈: 可以用來遍歷物件的屬性，如果迴圈沒有執行，則物件為空。
const obj = {};
let isEmpty = true;
for (const key in obj) {
  isEmpty = false;
  break; // 只要有屬性就跳出迴圈
}
if (isEmpty) {
  console.log("物件為空");
}
  • JSON.stringify(): 將物件轉換為 JSON 字串，然後判斷是否為'{}'。 這種方法可讀性較差，不推薦。
const obj = {};
if (JSON.stringify(obj) === '{}') {
  console.log("物件為空");
}

2. 判斷物件是否為null或undefined:

這兩種情況表示物件根本沒有被賦值或被顯式地賦值為null。

let obj1 = null;
let obj2; // undefined

if (obj1 === null || obj1 === undefined) {
  console.log("obj1 為 null 或 undefined");
}

if (!obj2) { // 簡寫，但不推薦，因為它也會判斷 0, '', false 等為真
  console.log("obj2 為 null 或 undefined (或其他假值)");
}

3. 判斷物件是否為空陣列（[]）：

雖然陣列也是物件的一種，但判斷空陣列通常使用不同的方法。

const arr = [];
if (arr.length === 0) {
  console.log("陣列為空");
}

4. 判斷物件是否為原型物件：

如果你需要判斷一個物件是否為原型物件（沒有任何自有屬性，但可能有繼承的屬性），可以使用 Object.getOwnPropertyNames(). 它會返回一個包含物件自身所有屬性名的陣列（包括不可列舉屬性，但不包括 Symbol 屬性）。

const obj = Object.create(null); // 建立一個沒有原型的空物件
console.log(Object.getOwnPropertyNames(obj).length === 0); // true

const protoObj = {};
const objWithProto = Object.create(protoObj);
protoObj.inheritedProp = 'value';

console.log(Object.keys(objWithProto).length === 0); // true, Object.keys 只檢查自有屬性
console.log(Object.getOwnPropertyNames(objWithProto).length === 0); // true, objWithProto 沒有自有屬性

總結:

  • 最常用且推薦的方法是使用 Object.keys(obj).length === 0 來判斷一個物件是否為空物件。
  • Object.getOwnPropertyNames(obj).length === 0 可以用來判斷一個物件是否沒有任何自有屬性，即使它有原型。
  • 要區分null和undefined，請使用嚴格相等運算子 ===。
  • 對於陣列，使用 arr.length === 0。

選擇哪種方法取決於你的具體需求。 請根據你程式碼的上下文選擇最合適的判斷方法。

相關文章