如何获取 jQuery 对象的大小

Question

我使用以下方法将键值对保存在 div 容器中：

$( '#div_id').data( key, value);

最后，我需要检查此 div 容器中是否存储了任何内容。

因此，首先我通过调用以下方法获取内容：

var data = $( '#div_id').data();

然后使用 data.length 或 data.size 检查其大小。

但这两个功能都不存在。据我所知，jquery 中的数据函数返回一个对象，所以我应该能够获取该对象的大小。

jquery中如何获取data函数返回的对象的大小？

Answer 1

对象没有“大小”。不过，您可以计算它的属性：

function getPropertyCount(obj) {
    var count = 0,
        key;

    for (key in obj) {
        if (obj.hasOwnProperty(key)) {
            count++;
        }
    }

    return count;
}

用法：

alert(getPropertyCount(data));

Answer 2

将这些键/值对存储在对象/节点上的这个级别并不是最好的主意。

var data = $( '#div_id').data();

返回附加到此节点的所有数据，这将包括事件处理程序，例如有任何数据。

因此，最好的解决方案是创建一个包含所有数据的对象：

$('#div_id').data('mydata', {});
/* ... */
$('#div_id').data('mydata')[key] = value;

针对您的实际问题。普通 Javascript 对象不拥有 .length 属性。您必须自己检查，循环遍历键：

var mylen = 0;
for(var prop in $('#div_id').data('mydata')) {
    mylen++;  
}

这应该通过检查和调用 .hasOwnProperty() 方法来改进，该方法确保当前属性不是从原型中的某个地方继承的链。

Answer 3

你知道你用的是什么“钥匙”吗？如果是这样，只需检查键，如果不是，存储一个对象或数组。

例如

var myStuff = {};
myStuff.date = new Date();
myStuff.name = "Santa Claus";
myStuff.lifeStory = "Once upon a time...";
$('#div_id').data('myData', myStuff);

，然后当您需要它时，只需抓住那个键...

var data = $('#div_id').data('myData');

请记住，JavaScript 对象/“地图”没有“长度”或“大小”方法/属性，因此如果您需要检查如果它包含某些东西，像这样的通用函数应该可以工作。

function isObjEmpty(obj){
  for(var i in obj){
    return false;
  }
  return true;
}

Answer 4

Javascript 对象没有长度属性。但您可以使用简单的 jQuery 函数轻松计算它。

$.fn.dataLength = function () {
    var i,
        n = 0,
        t = $(this);
    for (i in t.data()) {
        n += 1;
    }

    return n;
}

然后将其与 $('#div_id').dataLength()

编辑 一起使用：

注意有关 .data 中的数据结构和 .hasOwnProperty 检查的其他答案