js--判断一个对象为空对象几种方法

前端小趴菜的成长记录

已于 2023-02-03 15:13:07 修改

阅读量1.7k

点赞数

分类专栏： javascript 文章标签： javascript 前端开发语言

于 2023-02-03 14:37:04 首次发布

本文链接：https://blog.csdn.net/weixin_47434590/article/details/128862611

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

经典面试题: 如何判断一个对象为空对象?

方法一: 将对象转换成字符串,在判断是否等于{}

let obj = {}
let bool = JSON.stringify(obj) === '{}'
console.log(bool) // 返回true

方法二:循环for…in…

let res = (obj)=> {
	for(let key in obj) {
		retrun false
	}
	return true
}
console.log(res(obj)) // true 空对象

方法三: ES6中Object.keys()方法,返回对象的属性名组成一个数组,若长度为0,则空对象

console.log(Object.keys(obj).length === 0)  // true 空对象

// 提交表单时判断某个值是不是空
 let flag = Object.keys(this.formData).every(key => this.formData[key])
	  if (!flag) {
	    this.$toast("请检查完成表单")
	    return
	  }

方法四: Object.getOwnPropertyNames(obj)获取对象的属性名,存到数组中,若长度为0,则为空对象

console.log(Object.getOwnPropertyNames(obj).length === 0) // true

方法五: js方法 Reflect.ownKeys()

const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object
console.log(isEmpty({})) // true
console.log(isEmpty({age:11})) // false

空值如何判断?

 let checkNull = val => val === undefined || val === null || val === ''
 console.log(checkNull(123))
 console.log(checkNull())
 console.log(checkNull(''))


//旧写法
if(value !== null && value !== 'undefined' && value !== '' && typeOf(value) != 'undefined'){
    //...
}

//新写法
if( (value??'') !== ""){
 
}
 
|| 和 ??的区别
 
数值为  "" 或者 0 时，
|| 为 false   ?? 为true。