Maison > interface Web > js tutoriel > le corps du texte

Comment obtenir l'instance de longueur du tableau dans le tableau Json en JS

黄舟
Libérer: 2017-10-31 10:11:37
original
3070 Les gens l'ont consulté

En tant que développeur de pages front-end traitant des données json pour la première fois, j'ai rencontré « js obtient la longueur du tableau dans jsonarray » ? Je ne savais même pas que json n'avait pas l'attribut .length (j'ai vraiment envie de me moquer de moi). Si un jeune homme ne travaille pas dur, il sera malheureux ! J'avais l'habitude de demander de l'aide à mon petit ami, mais depuis peu, j'essaie de résoudre les problèmes moi-même.

Le problème que j'ai rencontré est le suivant : dans la page à la fin de ***.jsp, les données json qui m'ont été transmises par le backend sont un tableau, et je dois ensuite obtenez le deuxième tableau La longueur du tableau en contacts, puis Baidu a découvert que json n'a pas d'attribut .length. Ce qu'il faut faire?

Puisque l'objet json n'a pas d'attribut length, que faire si vous voulez connaître sa longueur

 var jslength=0; 
 for(var js2 in json){
   jslength++;
 }
Copier après la connexion

? Mettez ce code Écrivez-le comme méthode et appelez-le plus tard :

function getJsonLength(jsonData){    
var jsonLength = 0;    
for(var item in jsonData){
       jsonLength++;
    }    
    return jsonLength;
}
Copier après la connexion

Mais la méthode ci-dessus ne peut obtenir que la longueur du tableau de premier niveau ? ? ? Vous ne parvenez pas à obtenir la longueur du tableau dans le sous-tableau ? ? ? Ensuite, j'ai joué avec moi-même et j'ai réussi à obtenir la longueur du tableau de contacts en utilisant la méthode suivante.

var _data =  ${contactJson};
function getJsonLength(jsonData){  
var jsonLength = 0;  
for(var item in jsonData){    
if(item == 'contacts'){      
for(var x in jsonData[item]){
        jsonLength++;
      }
    }
  }        
  return jsonLength;
}var _contact_num = getJsonLength(_data);
$('#contactNum').text(_contact_num);  
Copier après la connexion

Le résultat final :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!