我有一个JavaScript对象。是否有一种内置或公认的最佳实践方法来获取此对象的长度?

const myObject = new Object();
myObject["firstname"] = "Gareth";
myObject["lastname"] = "Simpson";
myObject["age"] = 21;

我不是JavaScript专家,但看起来您必须遍历元素并计数,因为Object没有长度方法:

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:公平地说,JavaScript文档实际上明确提到以这种方式使用Object类型的变量作为“关联数组”。

公平地说,帕姆西说得很对。它们不是关联数组;它们绝对是对象:)-执行关联数组的任务。但就更广泛的观点而言,根据我发现的这篇相当不错的文章,你似乎有权这样做:

JavaScript“关联数组”被认为有害

但根据所有这些,公认的答案本身就是糟糕的做法?

为Object指定prototype size()函数

如果在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方法,并在遍历成员时检查成员的类型。


更新的答案

以下是截至2016年的最新情况,以及ES5及更高版本的广泛部署。对于IE9+和所有其他支持ES5+的现代浏览器,您可以使用Object.keys(),因此上面的代码变成:

var size = Object.keys(myObj).length;

这不需要修改任何现有的原型,因为Object.keys()现在是内置的。

编辑:对象可以具有无法通过Object.key方法返回的符号财产。因此,如果不提及它们,答案将是不完整的。

将符号类型添加到语言中,以创建对象财产的唯一标识符。符号类型的主要优点是防止覆盖。

Object.keys或Object.getOwnPropertyNames不适用于符号财产。要返回它们,需要使用Object.getOwnPropertySymbols。

var人={[符号('name')]:'John Doe',[符号('age')]:33,“职业”:“程序员”};const propOwn=对象.getOwnPropertyNames(个人);console.log(propOwn.length);//1.let propSymb=对象.getOwnPropertySymbol(人);console.log(propSymb.length);//2.

较旧的答案

最可靠的答案(即,在导致最少错误的情况下,捕捉到您试图做的事情的意图)是:

Object.size=函数(obj){var大小=0,钥匙for(在obj中键入){if(obj.hasOwnProperty(key))大小++;}收益大小;};//获取对象的大小常量myObj={}var size=对象大小(myObj);

JavaScript中有一种约定,即不向Object.prototype中添加内容,因为它可以打破各种库中的枚举。不过,向Object添加方法通常是安全的。



如果你知道你不必担心hasOwnProperty检查,你可以这样使用Object.keys()方法:

Object.keys(myArray).length

为了不干扰原型或其他代码,您可以构建和扩展自己的对象:

function Hash(){
    var length=0;
    this.add = function(key, val){
         if(this[key] == undefined)
         {
           length++;
         }
         this[key]=val;
    }; 
    this.length = function(){
        return length;
    };
}

myArray = new Hash();
myArray.add("lastname", "Simpson");
myArray.add("age", 21);
alert(myArray.length()); // will alert 2

如果始终使用add方法,长度属性将是正确的。如果你担心自己或其他人忘记使用它,你可以将其他人发布的属性计数器添加到长度方法中。

当然,您可以始终覆盖这些方法。但即使您这样做了,您的代码也可能会明显失败,从而易于调试


在某些情况下,最好将大小存储在单独的变量中。特别是,如果要在一个位置添加一个元素到数组中,并且可以很容易地增加大小。如果你需要经常检查尺寸的话,这显然会更快。


像这样的怎么样--

function keyValuePairs() {
    this.length = 0;
    function add(key, value) { this[key] = value; this.length++; }
    function remove(key) { if (this.hasOwnProperty(key)) { delete this[key]; this.length--; }}
}

上述部分的变化如下:

var objLength = function(obj){    
    var key,len=0;
    for(key in obj){
        len += Number( obj.hasOwnProperty(key) );
    }
    return len;
};

这是一种更优雅的方式来集成hasOwnProp。


更新:如果您使用Undercore.js(推荐使用,它是轻量级的!),那么您可以

_.size({one : 1, two : 2, three : 3});
=> 3

如果不是这样,而且无论出于何种原因,您都不想乱用Object财产,并且已经在使用jQuery,那么同样可以访问插件:

$.assocArraySize = function(obj) {
    // http://stackoverflow.com/a/6700/11236
    var size = 0, key;
    for (key in obj) {
        if (obj.hasOwnProperty(key)) size++;
    }
    return size;
};

以下是James Coglan在CoffeeScript中为那些放弃直接JavaScript的人提供的答案:)

Object.size = (obj) ->
  size = 0
  size++ for own key of obj
  size

这里有一个不同版本的詹姆斯·科根的答案。不要传递参数,只需将Object类原型化并使代码更干净。

Object.prototype.size = function () {
    var size = 0,
        key;
    for (key in this) {
        if (this.hasOwnProperty(key)) size++;
    }
    return size;
};

var x = {
    one: 1,
    two: 2,
    three: 3
};

x.size() === 3;

jsfiddle示例:http://jsfiddle.net/qar4j/1/


这里有一个完全不同的解决方案,只适用于更现代的浏览器(Internet Explorer 9+、Chrome、Firefox 4+、Opera 11.60+和Safari 5.1+)

看看这个jsFiddle。

设置关联数组类

/**
 * @constructor
 */
AssociativeArray = function () {};

// Make the length property work
Object.defineProperty(AssociativeArray.prototype, "length", {
    get: function () {
        var count = 0;
        for (var key in this) {
            if (this.hasOwnProperty(key))
                count++;
        }
        return count;
    }
});

现在您可以按如下方式使用此代码。。。

var a1 = new AssociativeArray();
a1["prop1"] = "test";
a1["prop2"] = 1234;
a1["prop3"] = "something else";
alert("Length of array is " + a1.length);

这是最跨浏览器的解决方案。

这比接受的答案更好,因为它使用本机Object.keys(如果存在)。因此,它是所有现代浏览器中速度最快的。

if (!Object.keys) {
    Object.keys = function (obj) {
        var arr = [],
            key;
        for (key in obj) {
            if (obj.hasOwnProperty(key)) {
                arr.push(key);
            }
        }
        return arr;
    };
}

Object.keys(obj).length;

如果我们有哈希

哈希={“a”:“b”,“c”:“d”};

我们可以使用密钥的长度来获得长度,即哈希的长度:

密钥(哈希).length


与大多数JavaScript问题一样,有许多解决方案。您可以扩展Object,无论好坏,它都可以像许多其他语言的字典(+一流公民)一样工作。这没什么错,但另一个选择是构造一个满足您特定需求的新对象。

function uberject(obj){
    this._count = 0;
    for(var param in obj){
        this[param] = obj[param];
        this._count++;
    }
}

uberject.prototype.getLength = function(){
    return this._count;
};

var foo = new uberject({bar:123,baz:456});
alert(foo.getLength());

此方法在数组中获取对象的所有属性名称,因此可以获得该数组的长度,该长度等于对象的键的长度。

Object.getOwnPropertyNames({"hi":"Hi","msg":"Message"}).length; // => 2

所有物

Object.defineProperty(Object.prototype, 'length', {
    get: function () {
        var size = 0, key;
        for (key in this)
            if (this.hasOwnProperty(key))
                size++;
        return size;
    }
});

Use

var o = {a: 1, b: 2, c: 3};
alert(o.length); // <-- 3
o['foo'] = 123;
alert(o.length); // <-- 4

简单的解决方案:

  var myObject = {};      // ... your object goes here.

  var length = 0;

  for (var property in myObject) {
    if (myObject.hasOwnProperty(property)){
      length += 1;
    }
  };

  console.log(length);    // logs 0 in my example.

如果您使用的是AngularJS 1.x,则可以通过创建过滤器并使用以下任何其他示例中的代码以AngularJS的方式进行操作:

// Count the elements in an object
app.filter('lengthOfObject', function() {
  return function( obj ) {
    var size = 0, key;
    for (key in obj) {
      if (obj.hasOwnProperty(key)) size++;
    }
   return size;
 }
})

用法

在控制器中:

$scope.filterResult = $filter('lengthOfObject')($scope.object)

或者在您看来:

<any ng-expression="object | lengthOfObject"></any>

您可以始终执行Object.getOwnPropertyNames(myObject).length,以获得与[].length为普通数组提供的结果相同的结果。


如果您不关心是否支持Internet Explorer 8或更低版本,可以通过应用以下两个步骤轻松获得对象中财产的数量:

运行Object.keys()获取一个数组,该数组只包含可枚举的财产的名称,如果还想包含不可枚举的财产的名称,则运行Object.getOwnPropertyNames()。获取该数组的.length属性。


如果需要多次执行此操作,可以将此逻辑包装在函数中:

function size(obj, enumerablesOnly) {
    return enumerablesOnly === false ?
        Object.getOwnPropertyNames(obj).length :
        Object.keys(obj).length;
}

如何使用此特定功能:

var myObj = Object.create({}, {
    getFoo: {},
    setFoo: {}
});
myObj.Foo = 12;

var myArr = [1,2,5,4,8,15];

console.log(size(myObj));        // Output : 1
console.log(size(myObj, true));  // Output : 1
console.log(size(myObj, false)); // Output : 3
console.log(size(myArr));        // Output : 6
console.log(size(myArr, true));  // Output : 6
console.log(size(myArr, false)); // Output : 7

另请参见本Fiddle演示。


如果需要公开其大小的关联数据结构,最好使用映射而不是对象。

const myMap=新映射();myMap.set(“firstname”,“Gareth”);myMap.set(“姓氏”,“辛普森”);myMap.set(“年龄”,21);console.log(myMap.size);//3.


Use:

var myArray=新对象();myArray[“firstname”]=“Gareth”;myArray[“lastname”]=“Simpson”;myArray[“age”]=21;obj=对象.keys(myArray).length;控制台日志(obj)


该解决方案适用于多种情况和跨浏览器:

Code

var getTotal = function(collection) {

    var length = collection['length'];
    var isArrayObject =  typeof length == 'number' && length >= 0 && length <= Math.pow(2,53) - 1; // Number.MAX_SAFE_INTEGER

    if(isArrayObject) {
        return collection['length'];
    }

    i= 0;
    for(var key in collection) {
        if (collection.hasOwnProperty(key)) {
            i++;
        }
    }

    return i;
};

数据示例:

// case 1
var a = new Object();
a["firstname"] = "Gareth";
a["lastname"] = "Simpson";
a["age"] = 21;

//case 2
var b = [1,2,3];

// case 3
var c = {};
c[0] = 1;
c.two = 2;

用法

getLength(a); // 3
getLength(b); // 3
getLength(c); // 2

您可以简单地对任何对象使用Object.keys(obj).length来获取其长度。keys返回一个包含所有对象键(财产)的数组,使用相应数组的长度可以方便地找到该对象的长度。你甚至可以为此编写一个函数。让我们发挥创意,并为其编写一个方法(以及更方便的getter属性):

函数objLength(obj){return Object.keys(obj).length;}console.log(objLength({a:1,b:“summit”,c:“无意义”}));//工作非常好var obj=新对象();obj['fish']=30;obj['ullified content']=null;console.log(objLength(obj));//它也按照您的方式工作,即使用Object构造函数创建它Object.prototype.getLength=函数(){return Object.keys(this).length;}console.log(obj.getLength());//你也可以把它写成一个方法,这样做效率更高Object.defineProperty(Object.prototype,“length”,{get:function(){return Object.keys(this).length;}});console.log(对象长度);//可能最有效的方法是这样做的,并在上面进行了演示,它为对象设置了一个名为“length”的getter属性,该属性返回getLength(this)或this.getLength()的等效值


我们可以使用以下公式来计算Object的长度:

const myObject={};console.log(Object.values(myObject).length);


实现这一点的一个好方法(仅限Internet Explorer 9+)是在长度属性上定义一个神奇的getter:

Object.defineProperty(Object.prototype, "length", {
    get: function () {
        return Object.keys(this).length;
    }
});

你可以这样使用它:

var myObj = { 'key': 'value' };
myObj.length;

它会给出1。


只需使用此项即可获得长度:

Object.keys(myObject).length

var myObject = new Object();
myObject["firstname"] = "Gareth";
myObject["lastname"] = "Simpson";
myObject["age"] = 21;

Object.values(myObject).lengthObject.entries(myObject).length对象.keys(myObject).length


var myObject=新对象();myObject[“firstname”]=“Gareth”;myObject[“lastname”]=“Simpson”;myObject[“age”]=21;var size=JSON.stringify(myObject).length;document.write(大小);

JSON.stringify(myObject)


最简单的方法如下:

Object.keys(myobject).length

其中myobject是您想要的长度的对象。


<脚本>myObj={“key1”:“您好”,“key2”:“再见”};var size=对象.keys(myObj).length;console.log(大小);</script><p id=“myObj”><b>myObj</b>中<b>键的数量为:<script>document.write(size)</script></p>

这对我有用:

var size = Object.keys(myObj).length;

在对象继承的情况下,Object.keys不会返回正确的结果。要正确计算对象财产,包括继承的属性,请使用for-in。例如,通过以下函数(相关问题):

var objLength = (o,i=0) => { for(p in o) i++; return i }

var myObject=新对象();myObject[“firstname”]=“Gareth”;myObject[“lastname”]=“Simpson”;myObject[“age”]=21;var child=对象.create(myObject);child[“sex”]=“男性”;var objLength=(o,i=0)=>{for(p in o)i++;return i}console.log(“Object.keys(myObject):”,Object.keyes(myObject).length,“(OK)”);console.log(“Object.keys(child):”,Object.keyes(child).length,“(错误)”);console.log(“objLength(child):”,objLength“child),”(OK)“);


我同样需要计算通过websocket接收的对象所使用的带宽。对我来说,只要找到Stringified对象的长度就足够了。

websocket.on('message', data => {
    dataPerSecond += JSON.stringify(data).length;
}

使用Object.keys(myObject).length获取对象/数组的长度

var myObject=新对象();myObject[“firstname”]=“Gareth”;myObject[“lastname”]=“Simpson”;myObject[“age”]=21;console.log(Object.keys(myObject).length)//3.


const myObject = new Object();
myObject["firstname"] = "Gareth";
myObject["lastname"] = "Simpson";
myObject["age"] = 21;

console.log(Object.keys(myObject).length)

// o/p 3

使用ECMAScript 6内置Reflect对象,您可以轻松计算对象的财产:

Reflect.ownKeys(targetObject).length

它将为您提供目标对象自身财产的长度(重要)。

Reflect.ownKeys(target)

返回目标对象自身(非继承)属性的数组钥匙。

那是什么意思?为了解释这一点,让我们看看这个例子。

function Person(name, age){
  this.name = name;
  this.age = age;
}

Person.prototype.getIntro= function() {
  return `${this.name} is ${this.age} years old!!`
}

let student = new Person('Anuj', 11);

console.log(Reflect.ownKeys(student).length) // 2
console.log(student.getIntro()) // Anuj is 11 years old!!

您可以在这里看到,当对象仍然从其父对象继承属性时,它只返回了自己的财产。

有关更多信息,请参阅:Reflect API


简单的内衬:

console.log(Object.values({id:“1”,年龄:23,角色编号:90}).length);


Try:Object.values(theObject).length

const myObject=新对象();myObject[“firstname”]=“Gareth”;myObject[“lastname”]=“Simpson”;myObject[“age”]=21;console.log(Object.values(myObject).length);


 vendor = {1: "", 2: ""}
 const keysArray = Object.keys(vendor)
 const objectLength = keysArray.length
 console.log(objectLength)
 Result 2

在这里,您可以给出任何类型的可变数组、对象、字符串

function length2(obj){
    if (typeof obj==='object' && obj!== null){return Object.keys(obj).length;}
   //if (Array.isArray){return obj.length;}
    return obj.length;

}

使用Object.entries方法获取长度是实现此目的的一种方法

const objectLength=obj=>Object.entries(obj).length;常量人={id:1,name:“John”,年龄:30岁}常量汽车={类型:2,颜色:“红色”,}console.log(对象长度(人));//3.console.log(objectLength(car));//2.