<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • JavaScript判斷變量是否為空對象 {} 的幾種方法

          2018-8-20    seo達人

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

          json對象轉化為json字符串,再判斷該字符串是否為"{}"

          var obj = {}; var b = (JSON.stringify(obj) === "{}");
          console.log(b); // true
              
          • 1
          • 2
          • 3

          for in 循環判斷

          var obj = {}; var b = function() { for(var key in obj) { return false;
              } return true;
          }
          console.log(b()); // true
              
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8

          網上很多都是如上的說法,但是會存在一個問題,就是如果obj=null ,obj=undefinedobj=""obj=[]obj=0 以及obj為任意數字也返回true,所以有了下面這個for in 循環判斷:

          方案一:

          var obj = {}; var b = function() { for(var key in obj) { return false;
              } if(obj === null || typeof obj !== "object" || Array.isArray(obj)){ return false;
              } return true;
          }
          console.log(b()); // true
              
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11

          方案二:

          var obj = {}; var b = function() { for(var key in obj) { return false;
              } if(obj === null || typeof obj !== "object" || Object.prototype.toString.call(obj) === "[object Array]"){ return false;
              } return true;
          }
          console.log(b()); // true
              
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11

          上面兩種方案的區別就是判斷判斷空數組的方式不同。

          jQuery的jQuery.isEmptyObject(obj)方法

          var obj = {}; var b = $.isEmptyObject(obj);
          console.log(b); // true
              
          • 1
          • 2
          • 3

          jQuery.isEmptyObject(obj) 方法依然存在obj=null ,obj=undefinedobj=""obj=[]obj=0 以及obj為任意數字返回true的問題,所以我們還應該再用typeof 或者 $.type() 判斷一下:

          var obj = {}; var b = $.isEmptyObject(obj) && $.type(obj) === "object";
          console.log(b); // true
              
          • 1
          • 2
          • 3
          var obj = {}; var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && !Array.isArray(obj);
          console.log(b); // true
              
          • 1
          • 2
          • 3
          var obj = {}; var b = $.isEmptyObject(obj) && typeof obj === "object" && obj !== null && Object.prototype.toString.call(obj) !== "[object Array]";
          console.log(b); // true
              
          • 1
          • 2
          • 3

          Object.getOwnPropertyNames()方法

          Object.getOwnPropertyNames() 方法返回一個由指定對象的所有自身屬性的屬性名(包括不可枚舉屬性但不包括Symbol值作為名稱的屬性)組成的數組。

          var obj = {}; var b = !Object.getOwnPropertyNames(obj).length;
          console.log(b); // true
              
          • 1
          • 2
          • 3

          Object.getOwnPropertyNames() 方法存在obj=0 以及obj為任意數字返回true的問題,所以我們還應該再用typeof 判斷一下:

          var obj = {}; var b = !Object.getOwnPropertyNames(obj).length && typeof obj === "object";
          console.log(b); // true
              
          • 1
          • 2
          • 3

          Object.keys()方法

          Object.keys() 方法會返回一個由一個給定對象的自身可枚舉屬性組成的數組,數組中屬性名的排列順序和使用 for...in循環遍歷該對象時返回的順序一致 。

          var obj = {}; var b = !Object.keys(obj).length;
          console.log(b); // true
              
          • 1
          • 2
          • 3

          Object.keys() 方法存在obj=""obj=[]obj=0 以及obj為任意數字返回true的問題,所以依舊需要加判斷如下:

          var obj = {}; var b = !Object.keys(obj).length && typeof obj === "object" && !Array.isArray(obj);
          console.log(b); // true
              
          • 1
          • 2
          • 3
          var obj = {}; var b = !Object.keys(obj).length && typeof obj === "object" && Object.prototype.toString.call(obj) !== "[object Array]";
          console.log(b); // true
              
          • 1
          • 2
          • 3

          在實際應用中,如果對象不為空,并且知道對象不為空時,某個屬性一定存在,則直接判斷這個對象的此屬性是否存在。

          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          国产ww久久久久久久久久| 色综合久久久久无码专区| 热久久国产精品| 久久久久亚洲AV综合波多野结衣| 无码人妻少妇久久中文字幕| 亚洲国产天堂久久综合| 久久人人爽人人爽人人片AV不| 一级做a爰片久久毛片16| 伊人久久大香线蕉精品不卡| 蜜臀av性久久久久蜜臀aⅴ麻豆 | 精品久久久久久无码免费| 午夜视频久久久久一区 | 欧美色综合久久久久久| 伊人久久久AV老熟妇色| 国产99久久久久久免费看| 亚洲精品乱码久久久久久| 久久五月精品中文字幕| 久久夜色精品国产亚洲| 国产美女亚洲精品久久久综合| 久久99精品久久久久久秒播| 一本色道久久88精品综合| 亚洲国产成人精品女人久久久| 亚洲国产成人久久综合碰碰动漫3d | 69SEX久久精品国产麻豆| 一级a性色生活片久久无少妇一级婬片免费放| 欧美大香线蕉线伊人久久| 区亚洲欧美一级久久精品亚洲精品成人网久久久久 | 久久婷婷五月综合97色| 久久天天躁夜夜躁狠狠躁2022| 久久精品不卡| 久久九九久精品国产| 欧美精品一区二区精品久久 | 精品国产青草久久久久福利| 久久精品国产99国产电影网| 久久天天躁狠狠躁夜夜avapp| 久久久久se色偷偷亚洲精品av| 人妻少妇精品久久| 精品久久久久久国产| 久久精品国产亚洲AV蜜臀色欲| 久久精品中文无码资源站| 久久精品亚洲AV久久久无码|