JavaScript对象的长度

时间:2020-03-05 18:38:27  来源:igfitidea点击:

如果我有一个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