Comment accéder aux données JSON imbriquées

Disons que j'ai des données json comme

data = {"id":1,
        "name":"abc",
        "address": {"streetName":"cde",
                    "streetId":2
                    }
        }

Maintenant, je reçois des champs pour être accessible à partir de données json comme : fields = ["id", "name", "address.streetName"]

Comment pourrais-je accéder à la troisième champ (address.streetName) à partir des données json dans le moyen le plus efficace?
data.fields[2] ne fonctionne pas

Une possibilité est que j'construire data[address][streetName] chaîne à l'aide d'une boucle for et do eval, mais est-il un moyen efficace de faire cela?

source d'informationauteur user999491

  1. 31

    Pour être honnête, je ne comprends pas votre problème. JSON est déjà structuré, pourquoi avez-vous besoin de modifier la structure?

    Dans votre cas, je voudrais y accéder comme suit:

    data.address.streetName;

    Si, par hasard, ce que vous voulez, c'est traverse les données, vous devez:

    function traverse_it(obj){
    for(var prop in obj){
        if(typeof obj[prop]=='object'){
            //object
            traverse_it(obj[prop[i]]);
        }else{
            //something else
            alert('The value of '+prop+' is '+obj[prop]+'.');
        }
    }
}

traverse_it(data);

    Mise à jour

    Après la lecture ci-dessous, ce que les besoins de l'utilisateur semble plus évident. Étant donné les noms de propriété en tant que chaîne, s il veut accéder à l'objet.

    function findProp(obj, prop, defval){
    if (typeof defval == 'undefined') defval = null;
    prop = prop.split('.');
    for (var i = 0; i < prop.length; i++) {
        if(typeof obj[prop[i]] == 'undefined')
            return defval;
        obj = obj[prop[i]];
    }
    return obj;
}

var data = {"id":1,"name":"abc","address":{"streetName":"cde","streetId":2}};
var props = 'address.streetName';
alert('The value of ' + props + ' is ' + findProp(data, props));
  2. 13

    Si vous utilisez lodash(très populaire utilitaire de bibliothèque), vous pouvez utiliser _.get().

    par exemple

    var data = {
  "id":1,
  "name": "abc",
  "address": {
    "streetName": "cde",
    "streetId":2
  }
}
_.get(data, 'address.streetName');
//'cde'
_.get(data, ['address', 'streetName']);
//'cde'

    Si il s'agit d'un tableau, vous pouvez utiliser la chaîne de chemin comme 'address[0].streetName'.

    par exemple

    var data = {
  "id":1,
  "name": "abc",
  "addresses": [
    {
      "streetName": "cde",
      "streetId": 2
    },
    {
      "streetName": "xyz",
      "streetId": 102
    },
  ]
}
_.get(data, 'addresses[0].streetName');
//cde
_.get(data, [address, 1, streetName]);
//xyz

    En interne, il utilise toPath() fonction pour convertir chemin de la chaîne (par exemple,address.streetName) dans un tableau (par exemple,['address', 'streetName']), puis utilise une fonction pour accéder aux données au niveau de la voie à l'intérieur de l'objet.

    D'autres semblables, les fonctions de l'utilitaire d'inclure _.set() et _.has(). Les vérifier.

  3. 6

    Longue histoire courte, vous pouvez utiliser la notation de tableau object[property] au lieu de object.property; cela est particulièrement utile lorsque les touches contient des caractères spéciaux:

    var data = {
    "id": 1,
    "name": "abc",
    "address": {
        "streetName": "cde",
        "streetId": 2
    }
}

data.address.streetName;              //(1) dot notation
data["address"]["streetName"];        //(2) array notation
var field = "streetName";
data["address"][field];               //(3) variable inside array notation
var fields = "address.streetName".split(".");
data[fields[0]][fields[1]];           //(4) specific to your question

    Vous pouvez utiliser le typeof opérateur pour vérifier si une propriété existe ou pas avant de l'utiliser:

    typeof data["address"]["streetName"]; //returns "string"
typeof data["address"]["foobarblah"]; //returns "undefined"
  4. 2

    Votre data variable n'ont pas fields de la propriété, et c'est pourquoi data.fields[2] ne fonctionne pas. Je pense que ce que vous essayez de faire il y a data[fields[2]]qui travaillerait pour un simple objet, mais vous ne pouvez pas l'index dans un objet complexe comme ça.

  5. 2

    vous pouvez y accéder de cette façon data.address.streetName

  6. 1

    JavaScript:

    function getProperty(json, path) {
    var tokens = path.split(".");
    var obj = json;
    for (var i = 0; i < tokens.length; i++) {
        obj = obj[tokens[i]];
    }
    return obj;
}

var data = {
    id: 1,
    name: "abc",
    address: {
        streetName: "cde",
        streetId: 2
    }
};

var fields = ["id", "name", "address.streetName"];

for (var i = 0; i < fields.length; i++) {
    var value = getProperty(data, fields[i]);
    console.log(fields[i] + "=" + value);
}

    De sortie:

    id=1
name=abc
address.streetName=cde