JavaScript对象的长度
如果我有一个JavaScript对象,请说
var myObject = new Object(); myObject["firstname"] = "Gareth"; myObject["lastname"] = "Simpson"; myObject["age"] = 21;
是否有内置的或者公认的最佳实践方法来获取此对象的长度?
解决方案
回答
我不是JavaScript专家,但由于Object没有length方法,因此我们似乎必须循环遍历元素并对其进行计数:
var element_count = 0; for (e in myArray) { if (myArray.hasOwnProperty(e)) element_count++; }
@palmsey:为了公平起见,JavaScript文档实际上以这种方式显式地将使用Object类型的变量称为"关联数组"。
回答
这是并且不要忘记检查该属性是否不在原型链上的方法:
var element_count = 0; for(var e in myArray) if(myArray.hasOwnProperty(e)) element_count++;
回答
@palmsey: In fairness to the OP, the javascript docs actually explicitly refer to using variables of type Object in this manner as "associative arrays".
公平地讲,@ palmsey是非常正确的,它们不是关联数组,它们绝对是对象:)做关联数组。但是根据我发现的这篇相当不错的文章,关于更广泛的观点,我们似乎绝对拥有它的权利:
JavaScript关联数组被认为有害
但是,根据所有这些,接受的答案本身不是不好的做法吗?
Specify a prototype size() function for Object
如果对象.prototype中添加了其他任何内容,则建议的代码将失败:
<script type="text/javascript"> Object.prototype.size = function () { ? var len = this.length ? --this.length : -1; ? ? for (var k in this) ? ? ? len++; ? return len; } Object.prototype.size2 = function () { ? var len = this.length ? --this.length : -1; ? ? for (var k in this) ? ? ? len++; ? return len; } var myArray = new Object(); myArray["firstname"] = "Gareth"; myArray["lastname"] = "Simpson"; myArray["age"] = 21; alert("age is " + myArray["age"]); alert("length is " + myArray.size()); </script>
我不认为答案应该是被接受的答案,因为如果我们在同一执行上下文中运行任何其他代码,那么该答案就无法工作。为了以健壮的方式做到这一点,我们肯定需要在myArray中定义size方法,并在遍历成员时检查成员的类型。
回答
最可靠的答案(即,在导致最少的bug的情况下捕获了我们尝试执行的操作的意图)将是:
Object.size = function(obj) { var size = 0, key; for (key in obj) { if (obj.hasOwnProperty(key)) size++; } return size; }; // Get the size of an object var size = Object.size(myArray);
JavaScript中有一种约定,我们不向Object.prototype添加内容,因为它可能会破坏各种库中的枚举。不过,向Object添加方法通常是安全的。
这是截至2016年的更新,以及ES5及更高版本的广泛部署。对于IE9 +和所有其他支持ES5 +的现代浏览器,我们可以使用Object.keys()
,因此上面的代码变为:
var size = Object.keys(myObj).length;
由于现在已经内置了Object.keys(),因此无需修改任何现有的原型。
编辑:对象可以具有不能通过Object.key方法返回的符号属性。因此,如果不提及它们,答案将是不完整的。
符号类型已添加到语言中,以创建对象属性的唯一标识符。 Symbol类型的主要好处是可以防止覆盖。
" Object.keys"或者" Object.getOwnPropertyNames"不适用于符号属性。要返回它们,我们需要使用Object.getOwnPropertySymbols。
var person = { [Symbol('name')]: 'John Doe', [Symbol('age')]: 33, "occupation": "Programmer" }; const propOwn = Object.getOwnPropertyNames(person); console.log(propOwn.length); // 1 let propSymb = Object.getOwnPropertySymbols(person); console.log(propSymb.length); // 2