判斷JS對象是否為空有4種實用方案：1. 使用Object.keys()檢查屬性名數組長度是否為0，簡潔常用；2. 使用for…in循環結合hasownproperty()遍歷判斷是否存在自身屬性，兼容老版本瀏覽器；3. 將對象轉換為json字符串并與'{}’比較，但存在循環引用風險且性能較低；4. 使用lodash的_.isempty()方法，代碼簡潔但需引入庫。若對象包含symbol屬性，可結合object.keys()與object.getownpropertysymbols()共同判斷。選擇方案需根據具體場景權衡兼容性、性能及依賴等因素。
判斷JS對象是否為空，核心在于檢查對象是否包含任何可枚舉的屬性。簡單來說，如果一個對象沒有任何屬性，那么它就可以被認為是空的。
判斷對象為空的4種實用方案
-
使用Object.keys()
Object.keys() 方法會返回一個由給定對象自身可枚舉的屬性名組成的數組。如果該數組的長度為 0，則表示對象為空。
function isEmptyObject(obj) { return Object.keys(obj).length === 0; } const emptyObj = {}; const nonEmptyObj = { a: 1 }; console.log(isEmptyObject(emptyObj)); // true console.log(isEmptyObject(nonEmptyObj)); // false這種方法簡潔明了，也是最常用的方式之一。 它的優點在于可讀性強，易于理解。
-
使用for…in循環
for…in 循環會遍歷對象的所有可枚舉屬性，包括繼承的屬性。因此，在使用 for…in 循環判斷對象是否為空時，需要使用 hasOwnProperty() 方法來排除繼承的屬性。
function isEmptyObject(obj) { for (let key in obj) { if (obj.hasOwnProperty(key)) { return false; } } return true; } const emptyObj = {}; const nonEmptyObj = { a: 1 }; console.log(isEmptyObject(emptyObj)); // true console.log(isEmptyObject(nonEmptyObj)); // falsefor…in 循環的優點在于可以兼容一些老版本的瀏覽器，但相對于 Object.keys() 方法，代碼略顯冗長。需要注意的是，如果對象繼承了可枚舉的屬性，并且你希望將這些屬性也考慮在內，那么可以省略 hasOwnProperty() 的判斷。
-
將對象轉換為 JSON 字符串
可以將對象轉換為 JSON 字符串，然后判斷字符串是否為 ‘{}’。
function isEmptyObject(obj) { return JSON.stringify(obj) === '{}'; } const emptyObj = {}; const nonEmptyObj = { a: 1 }; console.log(isEmptyObject(emptyObj)); // true console.log(isEmptyObject(nonEmptyObj)); // false這種方法雖然簡單，但存在一些潛在的問題。例如，如果對象包含循環引用，JSON.stringify() 方法會拋出錯誤。此外，這種方法的性能相對較低，因為它需要進行字符串轉換。
-
使用 Lodash 的 isEmpty() 方法
Lodash 是一個流行的 JavaScript 工具庫，提供了許多實用的函數。其中，_.isEmpty() 方法可以用來判斷對象、數組、字符串等是否為空。
const _ = require('lodash'); const emptyObj = {}; const nonEmptyObj = { a: 1 }; console.log(_.isEmpty(emptyObj)); // true console.log(_.isEmpty(nonEmptyObj)); // false使用 Lodash 的 isEmpty() 方法可以簡化代碼，并且具有良好的兼容性和性能。但是，需要引入 Lodash 庫，這可能會增加項目的體積。
如何選擇最合適的方案？
選擇哪種方案取決于具體的應用場景和需求。如果對性能要求較高，并且不希望引入額外的依賴，那么 Object.keys() 方法是最佳選擇。如果需要兼容老版本的瀏覽器，或者需要考慮繼承的屬性，那么 for…in 循環可能更適合。如果已經使用了 Lodash 庫，那么可以直接使用 _.isEmpty() 方法。
對象為空（empty object）指的是對象本身存在，但是沒有任何屬性。而對象為 null 或 undefined 則表示對象根本不存在。
const emptyObj = {}; // 對象為空 const nullObj = null; // 對象為 null let undefinedObj; // 對象為 undefined console.log(emptyObj === null); // false console.log(emptyObj === undefined); // false console.log(nullObj === undefined); // false
在判斷對象是否為空之前，通常需要先判斷對象是否為 null 或 undefined，以避免出現錯誤。
如何處理包含Symbol屬性的對象？
Object.keys() 方法只會返回對象自身可枚舉的字符串屬性名，不會返回 Symbol 屬性名。如果需要判斷包含 Symbol 屬性的對象是否為空，可以使用 Object.getOwnPropertySymbols() 方法獲取對象的所有 Symbol 屬性名，然后判斷數組的長度是否為 0。
function isEmptyObjectWithSymbols(obj) { return Object.keys(obj).length === 0 && Object.getOwnPropertySymbols(obj).length === 0; } const objWithSymbol = { [Symbol('foo')]: 'bar' }; console.log(isEmptyObjectWithSymbols(objWithSymbol)); // false
除了上述方法，還有其他判斷對象為空的方案嗎？
理論上還有一些其他的方案，例如使用 Reflect.ownKeys() 獲取對象的所有屬性名（包括字符串屬性名和 Symbol 屬性名），然后判斷數組的長度是否為 0。但是，這些方案的實用性相對較低，因此不建議使用。
