《守望先锋》,Js判断对象是否为空的几种方法

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

1、Js判断对象是否为空的几种方式 1.使用JSON.stringify()将对象转成json字符串

JSON.stringify() 用于将js对象转换为json字符串

let obj = {}
let obj1 = new Object()
console.log(JSON.stringify(obj) === '{}')
console.log(JSON.stringify(obj1) === '{}')

这个方法有个缺点，JSON.stringify() 只能序列化对象自身可枚举的属性，即如果有不可枚举或继承的属性，结果也是如此

let obj = {}
Object.prototype.name = "Jerry"  // 在原型上添加一个可枚举属性
console.log(JSON.stringify(obj) === '{}') // true
Object.defineProperty(obj, 'age', {  // 在obj对象上添加一个不可枚举属性
  value: 18,
  enumerable: false
})
console.log(JSON.stringify(obj) === '{}') // true

2,for..in 循环

使用for..in循环遍历对象除Symbol外的所有可枚举属性，当对象有属性时返回false，否则返回true

let obj = {}
function isObjectEmpty(obj) {
  for (let key in obj) {
    return false
  }
  return true
}
console.log(isObjectEmpty(obj)) // true

在实际开发工作中，有时需要只考虑对象本身的属性，而不考虑继承的属性。这时候可以用 Object.getOwnPropertyNames() 或者 Object.hasOwnProperty() 进行过滤。

function isObjectEmpty (obj) {
  for (let key in obj) {
    if(obj.hasOwnProperty(key)) return false
  }
  return true
}

3、Object.getOwnPrototypeNames()

Object.getOwnPrototypeNames()方法会返回一个由对象所有可枚举和不可枚举属性的属性名组成的字段，然后判断返回的字段宽度是否为0，如果为0则为空对象

let obj = {}
console.log(Object.getOwnPropertyNames(obj).length === 0) // true

这种方法也可以测量不可枚举的方法

let obj = {}
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.getOwnPropertyNames(obj).length === 0)   // false

4,Object.keys()

Object.keys() 是一个对象方法。此方法返回一个包含指定对象的可枚举属性的链表。该方法只需要判断返回的字段宽度是否为0，如果为0js中判断对象是否为空，则为空对象。

let obj = {}
console.log(Object.keys(obj).length === 0) // true
Object.prototype.name = 'Jerry'
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.keys(obj).length === 0) // true

2、js判断对象是否丰富某属性1、点（.）或方括号（[]）+undefined

对象的属性值可以通过点或者方括号来获取。如果对象上不存在该属性，它将返回 undefined。这些方法可以判断指定对象的自身属性和继承属性，如果对象本身没有检查属性，并且原型链上有这个属性，则返回原型链上的属性值

let obj = {
  name: 'Jerry',
  age: 18
}
console.log(obj.name !== undefined) // true 自身属性存在
console.log(obj['name'] !== undefined) // true  
console.log(obj.gender !== undefined) // false  属性不存在
Object.prototype.gender = 'male' // 在原型上添加一个可枚举属性
Object.defineProperty(obj, 'job', {  // 在原型上添加一个不可枚举属性
  value: 'IOS',
  enumerable: false
})
console.log(obj.gender !== undefined) // true  
console.log(obj['job'] !== undefined) // true

简单，我们可以通过Object.prototypeName!==undefined的返回值来判断对象是否丰富了某个属性，但是有一种情况，就是：属性名存在，属性值未定义js中判断对象是否为空，它不会返回想要的结果

let obj = {}
obj.name = undefined
console.log(obj.name !== undefined) // false

所以，我们可以使用 in 运算符来解决这个问题

2，在

该方法可以判断指定对象的自身属性和继承属性中是否存在某个属性，如果存在则返回true，in也可以测量原型链上的属性

let obj = {
  name: 'Jerry',
  from: undefined
}
Object.prototype.age = 18
Object.defineProperty(obj, 'job', {
  value: 'IOS',
  enumerable: false
})
console.log('name' in obj) // true
console.log('age' in obj)  // true
console.log('job' in obj)  // true
console.log('gender' in obj)  // false
console.log('from' in obj)  // true

以上两种方法的局限性在于：无法区分是自己的属性还是原型链上的属性。如果只检查自己的属性是否存在，则需要Object.hasOwnPrototype()。

3、Object.hasOwnPrototype()

Object.hasOwnPrototype() 用于判断指定对象本身是否丰富某个属性（非继承），返回一个布尔值

let obj = {
  name: 'Jerry',
  from: undefined
}
Object.prototype.age = 18
Object.defineProperty(obj, 'job', {
  value: 'IOS',
  enumerable: false
})
console.log(obj.hasOwnProperty('name')) // true 自身属性
console.log(obj.hasOwnProperty('from')) // true 
console.log(obj.hasOwnProperty('age')) // false 原型链上继承的属性
console.log(obj.hasOwnProperty('job')) // true 不可枚举属性

这个方法会过滤掉这些继承的属性，当测量属性是自己的属性时返回true

4,Object.keys()

Object.keys() 是一个对象方法。此方法返回一个包含指定对象的可枚举属性的链表。该方法只需要判断返回的字段宽度是否为0，如果为0，则为空对象。

let obj = {}
console.log(Object.keys(obj).length === 0) // true
Object.prototype.name = 'Jerry'
Object.defineProperty(obj, 'age', {
  value: 18,
  enumerable: false
})
console.log(Object.keys(obj).length === 0) // true