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

Comment écrire du JS lorsque vous devez parcourir des tableaux multidimensionnels irréguliers

php中世界最好的语言
Libérer: 2018-05-03 16:29:20
original
1430 Les gens l'ont consulté

Cette fois, je vais vous montrer comment écrire du JS lorsque vous devez parcourir des tableaux multidimensionnels irréguliers. Quelles sont les précautions lors de l'écriture de JS lorsque vous devez parcourir des tableaux multidimensionnels irréguliers. cas pratiques. Jetons un coup d'oeil une fois.

Aller directement au texte :

Parfois, lorsque nous traitons des données, nous pouvons rencontrer des irrégularités (structures de données imprévisibles), alors comment effectuer des opérations de traversée lorsque nous obtenons ce type de données ? Par exemple :

var data= {
    a: { one: 1, two: 2, three: {four:'2',five:'4'} },
    b: { six: 4, seven: 5, eight: 6 },
    c: { nine: 7, ten: 8}
}
Copier après la connexion

Par exemple, les données ci-dessus (la situation réelle est que ces données subiront divers changements imprévisibles), si vous souhaitez parcourir ce type de données, vous ne pouvez pas les parcourir avec un simple pour dans.

En fait, ce type de parcours de données est également simple. L'utilisation de la méthode récursive peut parfaitement résoudre ce problème

Le code est le suivant :

function traverse(obj) {
    for (var a in obj) {
      if (typeof(obj[a]) == "object") {
        traverse(obj[a]); //递归遍历
      } else {
        console.log(a + "=" + obj[a]); //如果是值就显示
      }
    }
}
traverse(data)
Copier après la connexion

Enfin, nous il suffit d'appeler cette méthode, de passer obj et de parcourir avec succès l'intégralité des données

Les résultats de cet exemple sont les suivants :

Je te crois J'ai maîtrisé la méthode après avoir lu le cas dans cet article , pour un contenu plus passionnant, veuillez faire attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Expression régulière de date de naissance de vérification JS

Explication détaillée de l'utilisation de calculé dans Vue.js

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