关键词搜索

全站搜索
×
密码登录在这里
×
注册会员

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

js判断对象是否为空三种方法

发布2022-06-02 浏览787次

详情内容

在js里有时需要判断一个对象是否为空对象怎么实现,下面介绍js判断对象是否为空三种方法。分别是JSON.stringify(),Object.keys()和for..in 语句。

一、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 arrayvar arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // console: ['0', '1', '2']// array like objectvar obj = { 0: 'a', 1: 'b', 2: 'c' };console.log(Object.keys(obj)); // console: ['0', '1', '2']// array like object with random key orderingvar anObj = { 100: 'a', 2: 'b', 7: 'c' };console.log(Object.keys(anObj)); // console: ['2', '7', '100']// getFoo is a property which isn't enumerablevar 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()可以判断是实例的属性还是原型链的属性

点击QQ咨询
开通会员
上传资源赚钱
返回顶部
×
  • 微信支付
  • 支付宝付款
扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载