Existe-t-il un moyen d'obtenir le nombre d'éléments à partir d'un objet?

Question

Laissez-moi vous expliquer en détail. J'ai ci-dessous un objet avec moi -

{ 
    "OBJECT1" : { 
     "NAME1" : "VALUE1", 
     "NAME2" : "VALUE2", 
     "NAME3" : "VALUE3" 
    }, 
    "OBJECT2" : { 
     "NAME4" : "VALUE4", 
     "NAME5" : "VALUE5" 
    } 
} 

De cet objet, je veux obtenir quelque chose comme nombre d'éléments dans Object1 = 3 et le nombre d'éléments dans Object2 = 2. Si tout cela est possible en utilisant javascript. Fondamentalement, ce que j'essaie de faire est de faire une boucle sur les paires de valeurs de nom disponibles dans l'objet dynamiquement de sorte que si quelqu'un ajoute un autre élément à l'objet, je n'ai pas besoin de changer mon code.

De même toute alternative est également exclue car je suis autorisé à utiliser uniquement des objets dans mon cas d'utilisation.

Answer 1

Sans la conversion de votre objet, vous pouvez itérer sur les propriétés de comptage objet comme ceci:

function countObjectProperties(obj) 
{ 
    var count = 0; 
    for(var i in obj) 
     if(obj.hasOwnProperty(i)) 
      count++; 

    return count; 
} 

Développant pourquoi vous devez utiliser hasOwnProperty Comme je l'ai dit dans le commentaire ci-dessous, vous pouvez rencontrer un problème où une bibliothèque ou un navigateur a ajouté des méthodes et des propriétés aux objets, afin d'éviter de les compter, nous vérifions hasOwnProperty avant de le compter. More details at MSDN ou à Mozilla Developer Center

Answer 2

Pour une chaîne JSON représentant un objet (ce qui est votre cas), vous ne pouvez pas utiliser de propriété de longueur. vous devez faire une boucle dans l'objet (voir la réponse de Kristoffer S Hansen).

Si elle représente un tableau , vous pouvez obtenir la longueur avec:

var len = arr.length; 

JQuery rend plus simple:

var len = $(JSON).length; 

Answer 3

Pour répondre à votre objectif plus large, comme indiqué dans votre question: Pour faire une boucle sur les propriétés, vous pouvez utiliser la construction for..in:

for (var item in myobject) { 
    // some browsers add more properties to every object, we don't want those 
    if (myobject.hasOwnProperty(item)) { 
    do_something(item); 
    } 
} 

En supposant que myobject est l'objet de votre question, cette boucle de volonté à travers elle et appeler do_something(OBJECT1) et do_something(OBJECT2); vous pouvez utiliser la même construction en boucle à travers les objets enfants:

// loop through OBJECT1 and OBJECT2 
for (var item in myobject) { 
    // some browsers add more properties to every object, we don't want those 
    if (myobject.hasOwnProperty(item)) { 
    // loop through the item's children 
    for (var pair in item) { 
     if (item.hasOwnProperty(pair)) { 
     // each of the name:value pairs will be passed to this 
     do_something_else(item,pair); 
     } 
    } 
    } 
}