Làm cách nào để đếm hiệu quả số lượng khóa / thuộc tính của một đối tượng trong JavaScript?

Cách nhanh nhất để đếm số lượng khóa / thuộc tính của một đối tượng là gì? Nó có thể làm điều này mà không lặp đi lặp lại trên đối tượng? tức là không làm

var count = 0;
for (k in myobj) if (myobj.hasOwnProperty(k)) count++;

(Firefox đã cung cấp một thuộc tính ma thuật __count__, nhưng điều này đã bị xóa ở đâu đó xung quanh phiên bản 4.)

Để thực hiện việc này trong mọi môi trường tương thích ES5 , chẳng hạn như Node , Chrome, IE 9+, Firefox 4+ hoặc Safari 5+:

Object.keys(obj).length

• Tính tương thích của trình duyệt web
• Tài liệu Object.keys (bao gồm một phương thức bạn có thể thêm vào các trình duyệt không phải ES5)

Bạn có thể sử dụng mã này:

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

Sau đó, bạn cũng có thể sử dụng điều này trong các trình duyệt cũ hơn:

var len = Object.keys(obj).length;

Nếu bạn đang sử dụng Underscore.js, bạn có thể sử dụng _.size (cảm ơn @douwe):
_.size(obj)

Ngoài ra, bạn cũng có thể sử dụng _.key có thể rõ ràng hơn đối với một số:
_.keys(obj).length

Tôi đánh giá cao Underscore, đây là một thư viện chặt chẽ để làm nhiều việc cơ bản. Bất cứ khi nào có thể, chúng khớp ECMA5 và trì hoãn việc thực hiện riêng.

Nếu không, tôi ủng hộ câu trả lời của @ Avi. Tôi đã chỉnh sửa nó để thêm một liên kết đến tài liệu MDC bao gồm phương thức key () mà bạn có thể thêm vào các trình duyệt không phải ECMA5.

Việc triển khai Đối tượng tiêu chuẩn ( Các thuộc tính và phương thức bên trong đối tượng ES5.1 ) không yêu cầu Objectphải theo dõi số lượng khóa / thuộc tính của nó, do đó, không có cách tiêu chuẩn nào để xác định kích thước của một khóa Objectmà không lặp lại một cách rõ ràng hoặc ngầm định trên các khóa của nó.

Vì vậy, đây là những lựa chọn thay thế được sử dụng phổ biến nhất:

1. Object.keys của ECMAScript ()

Object.keys(obj).length;Hoạt động bằng cách lặp bên trong các phím để tính toán một mảng tạm thời và trả về độ dài của nó.

• Ưu điểm - Cú pháp dễ đọc và rõ ràng. Không yêu cầu thư viện hoặc mã tùy chỉnh ngoại trừ shim nếu không có hỗ trợ riêng
• Nhược điểm - Chi phí bộ nhớ do tạo ra mảng.

2. Giải pháp dựa trên thư viện

Nhiều ví dụ dựa trên thư viện ở những nơi khác trong chủ đề này là những thành ngữ hữu ích trong ngữ cảnh thư viện của họ. Tuy nhiên, từ quan điểm hiệu năng, không có gì để đạt được so với mã không có thư viện hoàn hảo vì tất cả các phương thức thư viện đó thực sự gói gọn một vòng lặp for hoặc ES5 Object.keys(gốc hoặc shimmed).

3. Tối ưu hóa một vòng lặp for

Phần chậm nhất của vòng lặp for như vậy thường là .hasOwnProperty()cuộc gọi, vì chức năng gọi qua chức năng. Vì vậy, khi tôi chỉ muốn số lượng mục nhập của một đối tượng JSON, tôi chỉ bỏ qua .hasOwnProperty()cuộc gọi nếu tôi biết rằng không có mã nào được thực hiện cũng sẽ không mở rộng Object.prototype.

Mặt khác, mã của bạn có thể được tối ưu hóa một chút bằng cách tạo klocal ( var k) và bằng cách sử dụng toán tử tăng tiền tố ( ++count) thay vì postfix.

var count = 0;
for (var k in myobj) if (myobj.hasOwnProperty(k)) ++count;

Một ý tưởng khác dựa vào bộ nhớ đệm hasOwnPropertyphương thức:

var hasOwn = Object.prototype.hasOwnProperty;
var count = 0;
for (var k in myobj) if (hasOwn.call(myobj, k)) ++count;

Điều này có nhanh hơn hay không trên một môi trường nhất định là một câu hỏi về điểm chuẩn. Hiệu suất rất hạn chế có thể được dự kiến ​​dù sao.

Nếu bạn thực sự gặp vấn đề về hiệu năng, tôi khuyên bạn nên gói các cuộc gọi thêm / xóa thuộc tính đến / từ đối tượng bằng một hàm cũng tăng / giảm một thuộc tính (kích thước?) Được đặt tên thích hợp.

Bạn chỉ cần tính toán số lượng tài sản ban đầu một lần và di chuyển từ đó. Nếu không có vấn đề hiệu suất thực tế, đừng bận tâm. Chỉ cần bọc bit đó trong một hàm getNumberOfProperties(object)và được thực hiện với nó.

Như tuyên bố của Avi Flax https://stackoverflow.com/a/4889658/1047014

Object.keys(obj).length

sẽ thực hiện thủ thuật cho tất cả các thuộc tính có thể đếm được trên đối tượng của bạn nhưng cũng bao gồm các thuộc tính không thể đếm được mà bạn có thể sử dụng Object.getOwnPropertyNames. Đây là sự khác biệt:

var myObject = new Object();

Object.defineProperty(myObject, "nonEnumerableProp", {
  enumerable: false
});
Object.defineProperty(myObject, "enumerableProp", {
  enumerable: true
});

console.log(Object.getOwnPropertyNames(myObject).length); //outputs 2
console.log(Object.keys(myObject).length); //outputs 1

console.log(myObject.hasOwnProperty("nonEnumerableProp")); //outputs true
console.log(myObject.hasOwnProperty("enumerableProp")); //outputs true

console.log("nonEnumerableProp" in myObject); //outputs true
console.log("enumerableProp" in myObject); //outputs true

Như đã nêu ở đây, điều này có hỗ trợ trình duyệt tương tự nhưObject.keys

Tuy nhiên, trong hầu hết các trường hợp, bạn có thể không muốn bao gồm số lượng không thể đếm được trong các loại hoạt động này, nhưng thật tốt khi biết sự khác biệt;)

Tôi không biết cách nào để làm điều này, tuy nhiên để giữ các lần lặp ở mức tối thiểu, bạn có thể thử kiểm tra sự tồn tại của __count__nó và nếu nó không tồn tại (tức là không phải Firefox) thì bạn có thể lặp lại đối tượng và xác định nó để sử dụng sau này, vd:

if (myobj.__count__ === undefined) {
  myobj.__count__ = ...
}

Bằng cách này, bất kỳ trình duyệt hỗ trợ __count__nào cũng sẽ sử dụng điều đó và việc lặp lại sẽ chỉ được thực hiện cho những người không sử dụng. Nếu số lượng thay đổi và bạn không thể làm điều này, bạn luôn có thể biến nó thành một hàm:

if (myobj.__count__ === undefined) {
  myobj.__count__ = function() { return ... }
  myobj.__count__.toString = function() { return this(); }
}

Cách này bất cứ lúc nào bạn tham khảo myobj. __count__chức năng sẽ bắn và tính toán lại.

Để lặp lại trên Avi Flax trả lời Object.keys (obj) .length là chính xác cho một đối tượng không có chức năng gắn liền với nó

thí dụ:

obj = {"lol": "what", owo: "pfft"};
Object.keys(obj).length; // should be 2

đấu với

arr = [];
obj = {"lol": "what", owo: "pfft"};
obj.omg = function(){
    _.each(obj, function(a){
        arr.push(a);
    });
};
Object.keys(obj).length; // should be 3 because it looks like this 
/* obj === {"lol": "what", owo: "pfft", omg: function(){_.each(obj, function(a){arr.push(a);});}} */

các bước để tránh điều này:

1. không đặt các chức năng trong một đối tượng mà bạn muốn đếm số lượng khóa trong

2. sử dụng một đối tượng riêng biệt hoặc tạo một đối tượng mới dành riêng cho các hàm (nếu bạn muốn đếm có bao nhiêu hàm có trong tệp bằng cách sử dụng Object.keys(obj).length)

cũng có, tôi đã sử dụng mô-đun _ hoặc gạch dưới từ nodejs trong ví dụ của tôi

tài liệu có thể được tìm thấy ở đây http://underscorejs.org/ cũng như nguồn của nó trên github và nhiều thông tin khác

Và cuối cùng là triển khai lodash https://lodash.com/docs#size

_.size(obj)

như đã trả lời ở trên: Object.keys(obj).length

Nhưng: như bây giờ chúng ta đã có một lớp Map thực sự trong ES6, tôi sẽ đề nghị sử dụng nó thay vì sử dụng các thuộc tính của một đối tượng.

const map = new Map();
map.set("key", "value");
map.size; // THE fastest way

Đối với những người có Underscore.js trong dự án của họ, bạn có thể làm:

_({a:'', b:''}).size() // => 2

hoặc phong cách chức năng:

_.size({a:'', b:''}) // => 2

Dưới đây là một số bài kiểm tra hiệu suất cho ba phương pháp;

https://jsperf.com/get-the-number-of-keys-in-an-object

Object.keys (). Chiều dài

20.735 thao tác mỗi giây

Rất đơn giản và tương thích. Chạy nhanh nhưng tốn kém vì nó tạo ra một loạt các phím mới, sau đó bị vứt đi.

return Object.keys(objectToRead).length;

lặp qua các phím

15.734 hoạt động mỗi giây

let size=0;
for(let k in objectToRead) {
  size++
}
return size;

Hơi chậm hơn một chút, nhưng không nơi nào sử dụng bộ nhớ, vì vậy có lẽ tốt hơn nếu bạn quan tâm đến việc tối ưu hóa cho thiết bị di động hoặc các máy nhỏ khác

Sử dụng Bản đồ thay vì Đối tượng

953.839.338 hoạt động mỗi giây

return mapToRead.size;

Về cơ bản, Bản đồ theo dõi kích thước của chính nó để chúng tôi chỉ trả về một trường số. Xa, nhanh hơn bất kỳ phương pháp nào khác. Nếu bạn có quyền kiểm soát đối tượng, thay đổi chúng thành bản đồ thay thế.

Từ: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty

Object.defineProperty (obj, prop, mô tả)

Bạn có thể thêm nó vào tất cả các đối tượng của mình:

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

Hoặc một đối tượng:

var myObj = {};
Object.defineProperty(myObj, "length", {
    enumerable: false,
    get: function() {
        return Object.keys(this).length;
    }
});

Thí dụ:

var myObj = {};
myObj.name  = "John Doe";
myObj.email = "leaked@example.com";
myObj.length; //output: 2

Đã thêm theo cách đó, nó sẽ không được hiển thị trong vòng lặp..trong vòng:

for(var i in myObj) {
     console.log(i + ":" + myObj[i]);
}

Đầu ra:

name:John Doe
email:leaked@example.com

Lưu ý: nó không hoạt động trong trình duyệt <IE9.

Cách tôi giải quyết vấn đề này là xây dựng một danh sách cơ bản của riêng tôi để lưu bản ghi về số lượng mục được lưu trữ trong đối tượng. Nó rất đơn giản. Một cái gì đó như thế này:

function BasicList()
{
   var items = {};
   this.count = 0;

   this.add = function(index, item)
   {
      items[index] = item;
      this.count++;
   }

   this.remove = function (index)
   {
      delete items[index];
      this.count--;
   }

   this.get = function(index)
   {
      if (undefined === index)
        return items;
      else
        return items[index];
   }
}

Bạn có thể sử dụng Object.keys(data).lengthđể tìm độ dài của đối tượng JSON có dữ liệu chính

Đối với những người có Ext JS 4 trong dự án của họ, bạn có thể làm:

Ext.Object.getSize(myobj);

Ưu điểm của việc này là nó sẽ hoạt động trên tất cả các trình duyệt tương thích Ext (bao gồm IE6-IE8), tuy nhiên, tôi tin rằng thời gian chạy không tốt hơn O (n), như với các giải pháp được đề xuất khác.

Bạn có thể dùng:

Object.keys(objectName).length; 

và

Object.values(objectName).length;

OP không chỉ định nếu đối tượng là một nodeList, nếu có thì bạn chỉ có thể sử dụng phương thức length trên nó trực tiếp. Thí dụ:

buttons = document.querySelectorAll('[id=button)) {
console.log('Found ' + buttons.length + ' on the screen'); 

Nếu jQuery ở trên không hoạt động, thì hãy thử

$(Object.Item).length

Tôi không nghĩ rằng điều này là có thể (ít nhất là không sử dụng một số nội bộ). Và tôi không nghĩ bạn sẽ đạt được nhiều bằng cách tối ưu hóa điều này.

Tôi cố gắng làm cho nó có sẵn cho tất cả các đối tượng như thế này:

Object.defineProperty(Object.prototype, "length", {
get() {
    if (!Object.keys) {
        Object.keys = function (obj) {
            var keys = [],k;
            for (k in obj) {
                if (Object.prototype.hasOwnProperty.call(obj, k)) {
                    keys.push(k);
                }
            }
            return keys;
        };
    }
    return Object.keys(this).length;
},});

console.log({"Name":"Joe","Age":26}.length) //returns 2

Google Clos có một chức năng hay cho ... goog.object.getCount (obj)

nhìn vào tài liệu goog.Object