前端判断对象是否为空的几种方法

1.使用JSON把对象转换成字符串

let obj1 = {};
let obj2 = {a: 'a', b: 12, c: [1,2,3]};
function isEmptyObject(obj) {
    let objStr = JSON.stringify(obj);
    if(objStr == '{}') {
        return true;
    } else {
        return false;
    }
}
isEmptyObject(obj1); // true
isEmptyObject(obj2); // false

2.使用Object.getOwnPropertyNames,返回一个数组,数组会获取到此对象 所有可枚举和不可枚举 的属性名称

let obj1 = {};
let obj2 = {a: 'a', b: 12, c: [1,2,3]};
function isEmptyObject(obj) {
    let keys = Object.getOwnPropertyNames(obj);
    if(keys.length == 0) {
        return true;
    } else {
        return false;
    }
}
isEmptyObject(obj1); // true
isEmptyObject(obj2); // false

3.使用Object.keys,同样返回一个数组,数组会获取到此对象 所有可枚举 的属性名称

let obj1 = {};
let obj2 = {a: 'a', b: 12, c: [1,2,3]};
function isEmptyObject(obj) {
    let keys = Object.keys(obj);
    if(keys.length == 0) {
        return true;
    } else {
        return false;
    }
}
isEmptyObject(obj1); // true
isEmptyObject(obj2); // false

4.使用jQuery的方法(需要引用jQuery)

let obj1 = {};
let obj2 = {a: 'a', b: 12, c: [1,2,3]};
$.isEmptyObject(obj1); // true
$.isEmptyObject(obj2); // false

此处再贴上jQuery的判断空对象的源码,很简单的一段,和第5种一样

isEmptyObject: function( obj ) {
	var name;

	for ( name in obj ) {
		return false;
	}
	return true;
}
// 不过不太明白大佬为什么要把 name 放在外面声明,是否有什么玄机

5.使用for循环,如果可以遍历证明非空,反之,则是空对象

let obj1 = {};
let obj2 = {a: 'a', b: 12, c: [1,2,3]};
function isEmptyObject(obj) {
    for(let key in obj) {
        return false;
    }
    return true;
}
isEmptyObject(obj1); // true
isEmptyObject(obj2); // false

 

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1、 JavaScript 的基本类型有哪些?引用类型有哪些?null 和 undefined 的区别?(必 会) 76 2、如何判断 JavaScript 的数据类型?(必会) JavaScript 数据类型一共有 7 种: 77 2、 创建对象几种方法(必会) 79 4、简述创建函数的几种方式? (必会) 79 5、Javascript 创建对象几种方式? (必会) 79 6、请指出 JavaScript 宿主对象和原生对象的区别?(必会) 81 7、 JavaScript 内置的常用对象有哪些?并列举该对象常用的方法?(必会) 82 8、 === 和 ==的区别?(必会) 87 9、 null,undefined 的区别(必会) 88 10、JavaScript 中什么情况下会返回 undefined 值?(必会) 88 11、如何区分数组和对象?(必会) 89 12、怎么判断两个对象相等?(必会) 89 13、列举三种强制类型转换和两种隐式类型转换?(必会) 91 14、 JavaScript 中怎么获取当前日期的月份?(必会) 91 15、 什么是类数组(伪数组),如何将其转化为真实的数组?(必会) 92 16、如何遍历对象的属性?(必会) 92 17、src 和 href 的区别是?(必会) 94 18、如何使用原生 JavaScript 给一个按钮绑定两个 onclick 事件?(必会) 95 19、 如何在 JavaScript 中比较两个对象?(必会) 95 20、JavaScript 中的作用域、预解析与变量声明提升? (必会) 97 21、变量提升与函数提升的区别?(必会) 99 22、 什么是作用域链?(必会) 99 23、如何延长作用域链?(必会) 99 23、 判断一个值是什么类型有哪些方法?(必会) 100 25、JavaScript 变量按照存储方式区分为哪些类型,并描述其特点?(必会) 100 26、如何实现数组的随机排序?(必会) 100 27、 Function foo() {}和 var foo = function() {}之间 foo 的用法上的区别?(必会) 101 28、索引有哪几种类型,有什么区别?(了解) 102 29、简述 Array.form 和 Array.of 的使用及区别?(了解) 103 30、根据你的理解,请简述 JavaScript 脚本的执行原理(了解) 104 WebAPI 105 1、 什么是 dom?(必会) 105 2、dom 是哪种基本的数据结构?(必会) 105 3、 dom 操作的常用 api 有哪些?(必会) 105 4、 dom 节点的 Attribute 和 Property 有何区别?(必会) 106 5、dom 结构操作怎样添加、移除、移动、复制、创建和查找节点?(必会) 106 6、dom 事件的级别?(必会) 107 7、dom 事件模型?(必会) 107 8、dom 事件流?(必会) 107 9、什么是事件冒泡,它是如何工作的?如何阻止事件冒泡?(必会) 108 10、JavaScript 动画和 CSS3 动画有什么区别?(必会) 108 11、event 对象的常见应用?(必会) 109 12、自定义事件/ 模拟事件?(必会) 109 13、通用事件绑定/ 编写一个通用的事件监听函数?(必会) 110 14、dom 和 bom 的区别(必会) 111 15、事件三要素(必会) 111 16、事件执行过程(必会) 111 17、获取元素位置(必会) 112 18、封装运动函数(必会) 112 19、绑定事件和解除事件的区别(必会) 113 20、谈谈事件委托的理解?(必会) 114 21、 JavaScript 中的定时器有哪些?他们的区别及用法是什么?(必会) 114 22、比较 attachEvent 和 addEventListener?(必会) 115 23、document.write 和 innerHTML 的区别?(必会) 115 24、 什么是 window 对象?什么是 document 对象?(必会) 116 25、Js 拖动的原理?(必会) 118 26、描述浏览器的渲染过程,DOM 树和渲染树的区别(必会) 119 27、dom 树和 render 树之间的关系?(高薪常问) 119 28、获取到页面中所有的 CheckBox 怎么做(不适用第三方框架)?(高薪常问) 119 29、 简单说一下页面重绘和回流?(高薪常问) 119 30、如何最小化重绘(repaint)和回流(reflow)(高薪常问) 120 31、Js 延迟加载的方式有哪些?(了解) 120 32、IE 与
### 回答1: 可以使用 Set 和 Map 来实现前端数组去重,具体代码如下:1. 使用 Set: ``` let arr = [1, 2, 2, 4, 5, 4]; let newArr = [...new Set(arr)]; console.log(newArr); // [1, 2, 4, 5] ```2. 使用 Map: ``` let arr = [1, 2, 2, 4, 5, 4]; let map = new Map();for (let item of arr) { if(!map.has(item)) { map.set(item, true); } }let newArr = Array.from(map.keys()); console.log(newArr); // [1, 2, 4, 5] ``` ### 回答2: 前端数组去重的几种方法代码可以有以下几种: 1. 使用Set:将数组转换为Set对象,Set对象会自动过滤重复的元素,然后再将Set对象转换回数组。 ```javascript const uniqueArray = (array) => [...new Set(array)]; ``` 2. 使用filter和indexOf:遍历数组,通过indexOf判断元素在数组中的第一个索引是否等于当前索引,如果相等则表示是唯一的元素。 ```javascript const uniqueArray = (array) => array.filter((item, index) => array.indexOf(item) === index); ``` 3. 使用reduce和includes:遍历数组,通过includes判断是否已经存在相同的元素,如果不存在则添加到结果数组中。 ```javascript const uniqueArray = (array) => array.reduce((result, item) => { if (!result.includes(item)) { result.push(item); } return result; }, []); ``` 4. 使用Map:遍历数组,将元素作为Map的键,判断是否已经存在该键,如果不存在则添加到结果数组中。 ```javascript const uniqueArray = (array) => { const map = new Map(); const result = []; for (const item of array) { if (!map.has(item)) { map.set(item, true); result.push(item); } } return result; }; ``` 以上是几种常见的前端数组去重方法,根据具体的情况选择适用的方法。 ### 回答3: 前端数组去重的几种方法代码如下: 1. 使用Set数据结构去重: ``` let arr = [1, 2, 2, 3, 3, 4, 5, 5]; let newArr = [...new Set(arr)]; console.log(newArr); // [1, 2, 3, 4, 5] ``` 2. 使用filter方法去重: ``` let arr = [1, 2, 2, 3, 3, 4, 5, 5]; let newArr = arr.filter((item, index) => arr.indexOf(item) === index); console.log(newArr); // [1, 2, 3, 4, 5] ``` 3. 使用reduce方法去重: ``` let arr = [1, 2, 2, 3, 3, 4, 5, 5]; let newArr = arr.reduce((prev, curr) => { if (!prev.includes(curr)) { prev.push(curr); } return prev; }, []); console.log(newArr); // [1, 2, 3, 4, 5] ``` 4. 使用Map数据结构去重: ``` let arr = [1, 2, 2, 3, 3, 4, 5, 5]; let newArr = Array.from(new Map(arr.map(item => [item, item])).values()); console.log(newArr); // [1, 2, 3, 4, 5] ``` 这些方法都可以实现数组去重的功能,具体使用哪种方法取决于项目需求和性能要求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值