一、判断对象是否是否为空
1. 使用JSON.stringify()
JSON.stringify()作用是将对象转为json字符串
let obj = {}
let obj1 = new Object()
let obj2 = {
age: 18
}
console.log('obj', JSON.stringify(obj) === '{}') // true
console.log('obj1', JSON.stringify(obj1) === '{}') // true
console.log('obj2', JSON.stringify(obj2) === '{}') // false
该方法有个缺点,JSON.stringify()只能序列化对象的可枚举的自有属性,即如果有属性是不可枚举或继承属性的话,结果也是true
let obj = {}
// 在原型上添加一个可枚举属性
Object.prototype.name = "Jerry"
console.log(JSON.stringify(obj) === '{}') // true
// 在obj对象上添加一个不可枚举属性
Object.defineProperty(obj, 'age', {
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.getOwnPrototypeNames(obj).length === 0) // true
该方法对于不可枚举的方法也可以检测出来
let obj = {}
Object.defineProperty(obj, 'age', {
value: 18,
enumerable: false
})
console.log(Object.getOwnPrototypeNames(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
二、判断对象是否含有某个属性
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