在之前面试和项目当中,遇见过此问题。今天学习并整理一下发给大家,希望能帮助到大家~~
1.将对象转换为json字符串,判断字符串是否为 “{}”;
var obj = {};
if(JSON.stringify(obj) == '{}'){
console.log('obj 是一个空对象'');
}
2.for in 或者 for of
var obj = {};
function check_obj_is_empty_fun1(obj) {
for(var key in obj) {
return false;
}
return true;
}
console.log(check_obj_is_empty_fun1(obj )); // true
// 这里用到了ES6的两个方法 for of、 Object.keys
function check_obj_is_empty_fun2(obj) {
for(var key of Object.keys(obj)) {
return false;
}
return true;
}
console.log(check_obj_is_empty_fun2(obj )); // true
3.Object.getOwnPropertyNames() 方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组.
var obj = {},
checkObjIsEmpty = Object.getOwnPropertyNames(obj); // []
if(checkObjIsEmpty.length == 0) {
console.log('obj 是一个空对象'');
}
4.ES6的 Object.keys()、Object.values()、Object.entries()
var obj = {},
checkObjIsEmpty1 = Object.keys(obj ),
checkObjIsEmpty2 = Object.values(obj ), // []
checkObjIsEmpty3 = Object.entries(obj ); // []
console.log(checkObjIsEmpty1, checkObjIsEmpty1.length ); // [] 0
console.log(checkObjIsEmpty2 , checkObjIsEmpty2.length); // [] 0
console.log(checkObjIsEmpty3 , checkObjIsEmpty3.length); // [] 0
5.jquery的 $.isEmptyObject 方法(此方法没有实际测试)
此方法是jquery将2方法(for in)进行封装,使用时需要依赖jquery
var obj = {},
checkObjIsEmpty = $.isEmptyObject(obj);
console.log(checkObjIsEmpty) // true