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