1,Js判斷對象是否為空的幾種方法
1，使用JSON.stringify()將對象轉(zhuǎn)為json字符串
JSON.stringify()作用是將js對象轉(zhuǎn)為json字符串
let obj = {}
let obj1 = new Object()
console.log(JSON.stringify(obj) === '{}')
console.log(JSON.stringify(obj1) === '{}')
該方法有個缺點，JSON.stringify()只能序列化對象的可枚舉的自有屬性吊洼，即如果有屬性是不可枚舉或繼承屬性的話脐瑰，結(jié)果也是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循環(huán)
使用for..in循環(huán)遍歷對象除Symbol以外的所有可枚舉屬性墨礁，當(dāng)對象有屬性存在返回false披蕉，否則返回true
let obj = {}
function isObjectEmpty(obj) {
for (let key in obj) {
return false
}
return true
}
console.log(isObjectEmpty(obj)) // true
在實際開發(fā)工作中，有時需要只考慮對象自身的屬性咐旧，而不是繼承來的，這時可以配合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()方法會返回該對象所有可枚舉和不可枚舉屬性的屬性名組成的數(shù)組，然后通過判斷返回的數(shù)組長度是否為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()是一個對象方法伊约，該方法返回一個數(shù)組，包含指定對象自有的可枚舉屬性, 用此方法只需要判斷返回的數(shù)組長度是否為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淑玫，就不會返回想要的結(jié)果
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
以上兩種方法的局限性是：不能準確區(qū)分是自身屬性還是原型鏈上的屬性尊搬，如果僅檢測自身屬性是否存在時叁鉴，就需要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 不可枚舉屬性
該方法會過濾掉那些繼承來的屬性幌墓，當(dāng)檢測屬性為自身屬性時返回true
4,Object.keys()
Object.keys()是一個對象方法，該方法返回一個數(shù)組冀泻，包含指定對象自有的可枚舉屬性, 用此方法只需要判斷返回的數(shù)組長度是否為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
