2021-04-07

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()只能序列化对象的可枚举的自有属性,即如果有属性是不可枚举或继承属性的话,结果也是true

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,为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

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的返回值来判断对象上是否含有某个属性,但有一种情况,即:属性名存在,属性值是undefined,就不会返回想要的结果

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

那么,我们可以使用in运算符来解决这个问题

2,in

该方法可以判断指定对象的自有属性和继承属性中是否存在某属性,如果存在则返回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

你可能感兴趣的:(2021-04-07)