Länge eines JavaScript-Objekts

Question

Ich habe ein JavaScript-Objekt. Gibt es eine eingebaute oder akzeptierte bewährte Methode, um die Länge dieses Objekts zu ermitteln?

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

Answer 1

Wie wäre es mit etwas wie diesem

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--; }}
}

Answer 2

Wenn Sie Folgendes verwenden AngularJS 1.x können Sie die Dinge auf die AngularJS-Art erledigen, indem Sie einen Filter erstellen und den Code aus einem der anderen Beispiele wie dem folgenden verwenden:

// 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;
 }
})

Verwendung

In Ihrem Controller:

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

Oder aus Ihrer Sicht:

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

Answer 3

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

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

// o/p 3

Answer 4

Wenn Sie sich nicht um die Unterstützung von Internet Explorer 8 oder niedriger kümmern, können Sie die Anzahl der Eigenschaften in einem Objekt ganz einfach mit den folgenden zwei Schritten ermitteln:

1. Führen Sie entweder Object.keys() um ein Array zu erhalten, das nur die Namen derjenigen Eigenschaften enthält, die aufzählbar o Object.getOwnPropertyNames() wenn Sie auch die Namen von Eigenschaften einschließen wollen, die nicht aufzählbar sind.
2. Holen Sie sich die .length Eigenschaft dieses Arrays.

---

Wenn Sie dies mehr als einmal tun müssen, können Sie diese Logik in eine Funktion verpacken:

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

So verwenden Sie diese besondere Funktion:

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

Siehe auch diese Fiedel für eine Demo.

Answer 5

Eine Abwandlung einiger der oben genannten Punkte ist:

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

Es ist ein etwas eleganterer Weg, hasOwnProp zu integrieren.