• 如何判断一个对象是否为空


    一、代码

    1. html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. <title>Documenttitle>
    8. head>
    9. <body>
    10. <script>
    11. function isEmpty1(pbj) {
    12. return JSON.stringify(obj) === '{}'
    13. }
    14. function isEmpty2(obj) {
    15. return Object.keys(obj).length === 0;
    16. }
    17. function isEmpty3(obj) {
    18. return Object.getOwnPropertyNames(obj).length === 0;
    19. }
    20. function isEmpty4(obj) {
    21. let flag = true;
    22. for (let key in obj) {
    23. if (key) {
    24. flag = false; // 不是空对象
    25. break;
    26. }
    27. }
    28. return flag;
    29. }
    30. const key = Symbol('a')
    31. const obj = {
    32. [key]: {
    33. b: 1
    34. }
    35. }
    36. console.log(`1:${isEmpty1(obj)}`);
    37. console.log(`2:${isEmpty2(obj)}`);
    38. console.log(`3:${isEmpty3(obj)}`);
    39. console.log(`4:${isEmpty4(obj)}`);
    40. console.log(`5:${isEmpty5(obj)}`);
    41. function isEmpty5(obj) {
    42. // 也可以变量symbol类型key
    43. // Reflect.ownKeys()方法,返回一个包含对象自身属性和方法名的数组,包括非枚举属性、symbol类型属性、以及方法名
    44. // Reflect.ownKeys()方法,可以获取一个对象中所有自身的属性名和方法名,包括不能用Object.keys()方法获取的属性
    45. return Reflect.ownKeys(obj).length === 0;
    46. }
    47. script>
    48. body>
    49. html>

    二、解释

    在isEmpty1、isEmpty2、isEmpty3、isEmpty4、isEmpty5几个方法中,最后一个isEmpty5最为准确。

    当对象的键为symbol类型时,其他几个方法无法遍历该元素,而Reflect.ownKeys()方法,可以获取一个对象中所有自身的属性名和方法名,包括symbol类型

  • 相关阅读:
    axios和vuex
    新版AI系统ChatGPT源码支持GPT-4/支持AI绘画去授权
    leetcode 6103 — 从树中删除边的最小分数
    接口测试常见问题
    ELK 企业级日志分析系统
    【LeetCode15. 三数之和】——set型哈希表、双指针法
    javaScript语法
    Ubuntu上搭建FTP服务
    离散数学(十二):关系的幂运算与关系的性质
    419-Linux基础(常用命令详解1)
  • 原文地址:https://blog.csdn.net/m0_62508027/article/details/134289811