jquery isEmptyObject()方法有什麼用

在jquery中，isEmptyObject()方法用於判斷指定引數是否是一個空物件，即檢測是否包括任何可列舉（自定義）的屬性，語法「jQuery.isEmptyObject(object)」；該方法的的返回值為Boolean型別，如果指定引數是空物件，則返回true，否則返回false。

前端（vue）入門到精通課程，老師線上輔導：聯絡老師
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API偵錯工具：

本教學操作環境：windows7系統、jquery3.6.1版本、Dell G3電腦。

jQuery isEmptyObject()函數介紹

jQuery.isEmptyObject()函數用於判斷指定引數是否是一個空物件。

所謂」空物件」，即不包括任何可列舉(自定義)的屬性。簡而言之，就是該物件沒有屬性可以通過for…in迭代。

說明：該函數屬於全域性jQuery物件。jQuery 1.4 新增該靜態函數。

語法：

jQuery.isEmptyObject( object )
登入後複製

引數：

引數	描述
object	任意型別需要進行判斷的任意值。

注意：該引數應該始終是一個純粹的JavaScript Object，因為其他型別(例如：DOM元素、原始字串/數位、宿主物件)可能無法獲得跨瀏覽器的一致結果。要確定一個物件是否是一個純粹的JavaScript Object，你可以使用$.isPlainObject()方法。

返回值：

jQuery.isEmptyObject() 函數的返回值為Boolean型別，如果指定的引數是空物件，則返回true，否則返回false。

isEmptyObject()函數使用範例

jQuery.isEmptyObject()是通過for…in迴圈來進行判斷，其原始碼部分如下：

isEmptyObject: function( obj ) {
    var name;
    for ( name in obj ) {
        return false;
    }
    return true;
}
登入後複製

jQuery.isEmptyObject()函數的jQuery範例程式碼如下：

//在當前頁面內追加換行標籤和指定的HTML內容
function w( html ){
    document.body.innerHTML += "<br/>" + html;
}
 
 
 
w( $.isEmptyObject( { } ) ); // true
w( $.isEmptyObject( new Object() ) ); // true
 
w( $.isEmptyObject( [ 0 ] ) ); // false
w( $.isEmptyObject( { name: "CodePlayer"} ) ); // false
w( $.isEmptyObject( { sayHi: function(){} } ) ); // false
function User(){
 
}
User.prototype.word = "Hello";
// 自定義的原型物件上的屬性也是可列舉的
w( $.isEmptyObject( new User() ) ); // false
 
 
/* 儘管在沒有為空陣列、Function、Number等內建物件新增自定義屬性的情況下，它們也是不可列舉的，但是不推薦這麼做。因為isEmptyObject()的引數應該始終是一個純粹的Object */
 
// 陣列中沒有元素，也無法通過for...in迭代出屬性
w( $.isEmptyObject( [ ] ) ); // true
// Function、Number、String等內建物件也無法通過for...in迭代出屬性
w( $.isEmptyObject( function(){ alert("xxx") } ) ); // false
登入後複製

【推薦學習：、】

以上就是jquery isEmptyObject()方法有什麼用的詳細內容，更多請關注TW511.COM其它相關文章！