技术资料查询
一起进步

js判断对象是否为空

微信公众号
 
手机浏览(小程序)
 

一、js判断对象是否为空(三种方法)
JSON.stringify()。将 JavaScript 值转换为 JSON 字符串,再判断该字符串是否为”{}”

var data = {};
var b = (JSON.stringify(data) == "{}");
alert(b);   //true 为空, false 不为空`

es6的方法Object.keys()

var data = {};
var arr = Object.keys(data);
alert(arr.length == 0); //true 为空, false 不为空

for in 循环判断

var obj = {};
var b = function() {
    for(var key in obj) {
        return false;
    }
return true;
}
alert(b());//true 为空

二、注:
1. JSON.stringify()
语法

JSON.stringify(value[, replacer[, space]])

参数说明:
value:
必需, 要转换的 JavaScript 值(通常为对象或数组)。
replacer:
可选。用于转换结果的函数或数组。

如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:””。

如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。

space:
可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。

2. Object.keys()
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

语法
Object.keys(obj)
参数
obj

要返回其枚举自身属性的对象。
返回值
一个表示给定对象的所有可枚举属性的字符串数组。

例子

// simple array
var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr)); // console: ['0', '1', '2']

// array like object
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

// array like object with random key ordering
var anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj)); // console: ['2', '7', '100']

// getFoo is a property which isn't enumerable
var myObj = Object.create({}, {
  getFoo: {
    value: function () { return this.foo; }
  }
});
myObj.foo = 1;
console.log(Object.keys(myObj)); // console: ['foo']

3. for…in 语句
以任意顺序遍历一个对象的除symbol以外的可枚举属性

4. Object.keys(obj) 和 for…in 区别
object.keys(obj)只包括对象本身的属性

for…in遍历包括对象继承自原型对象的属性

Object.prototype.test = 'test';

var obj= {
a:1,
b:2,
}
//Object.keys不会输出原型链中的数据;
console.log(Object.keys(obj))
// [“a”, “b”]

for(var key in obj){
console.log(key)
}
// a
// b
// test    //for in 会把原型链中test 输出

obj.hasOwnProperty()可以判断是实例的属性还是原型链的属性

赞(0) 打赏
微信公众号
 
手机浏览(小程序)
 
未经允许不得转载:珊瑚贝 » js判断对象是否为空

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏