Maison > Article > interface Web > Comment parcourir le tableau json en utilisant la valeur clé dans JS

Comment parcourir le tableau json en utilisant la valeur clé dans JS

php中世界最好的语言original: 2018-06-01 09:27:181353parcourir

Cette fois, je vais vous montrer comment JS utilise les valeurs clés pour parcourir les tableaux json. Quelles sont les précautions pour que JS utilise les valeurs clés pour parcourir les tableaux json. jetons un coup d'oeil.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>js键值对遍历json数组</title>
  </head>
  <body>
<script type="text/javascript">
var data = [];
var data = [];
data['上海'] = [{
  city:'闵行',
  value:'minhang'
},{
  city:'浦东',
  value:'pudong'
}];
data['四川'] = [{
  city:'温江',
  value:'wenjiang'
},{
  city:'成都',
  value:'chengdu'
}];
// 遍历数组
for(var province in data){
  for(var i=0;i<data[province].length;i++){
    console.log(province + &#39; - &#39; + data[province][i].city + &#39; - &#39; + data[province][i].value);
  }
}
</script>
</body>
</html>

Les résultats en cours sont les suivants :

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes. , veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Comment utiliser webpack3.0 pour configurer webpack-dev-server

Comment utiliser React DOM virtuel

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!

Déclaration：

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

Article précédent：Explication détaillée des étapes pour implémenter un graphique linéaire multi-axes Y personnalisé avec d3.jsArticle suivant：Explication détaillée des étapes pour implémenter un graphique linéaire multi-axes Y personnalisé avec d3.js

Articles Liés

Voir plus