狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

?

前言

1. JSON.stringify

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

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

如下示例：

const obj = {  a: undefined,  b: function() {},  c: Symbol()}
console.log(JSON.stringify(obj) === '{}')  // true

2. for in 配合 hasOwnProperty

使用 for in 對當(dāng)前對象進(jìn)行遍歷：

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 在進(jìn)行對象遍歷時(shí)，會(huì)遍歷對象原型上的屬性，而我們只希望得到其自身的屬性，這時(shí)可以使用 hasOwnProperty 來實(shí)現(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

缺點(diǎn)：for in 不能遍歷不可枚舉的屬性。

3. Object.keys

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

const obj = {}Object.prototype.a = 1
console.log(Object.keys(obj).length === 0)  // true

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

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

const obj = {}Object.defineProperty(obj, 'a', {  value: 1,  enumerable: false})
console.log(obj.a)  // 1console.log(isEmptyObj(obj))  // trueconsole.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' ]

缺點(diǎn)：不能獲取 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)  // trueconsole.log(JSON.stringify(obj) === '{}')  // trueconsole.log(isEmptyObj(obj))  // trueconsole.log(Object.keys(obj).length === 0)  // true

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

已知 Object.getOwnPropertyNames 唯一的缺點(diǎn)是不能獲取 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)  // falseconsole.log(getLength(obj2) === 0)  // falseconsole.log(getLength(obj3) === 0)  // falseconsole.log(getLength(obj4) === 0)  // true

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

6. Reflect.ownKeys

Reflect.ownKeys 方法返回一個(gè)由目標(biāo)對象自身的屬性組成的數(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)  // falseconsole.log(Reflect.ownKeys(obj2).length === 0)  // falseconsole.log(Reflect.ownKeys(obj3).length === 0)  // falseconsole.log(Reflect.ownKeys(obj4).length === 0)  // true

總結(jié)

判斷一個(gè)對象是否為空時(shí)，使用 Reflect.ownKeys 方法最為完美。

閱讀原文：原文鏈接