递归 function 循环通过 object 和嵌套 object 与 ZDE9B9ED78D7E2E1DCEEFFEE780E2F9

Question

to update my question I would like to be able to access each value on objects and nested objects but II don't know how to do this. I tried first with a foreach loop and a for loop but I didn't know how to get "comment" for example

data.forEach((element) => {
    const name = element.restaurantName;
    const address = element.address;
    for(let i = 0; i < data.length; i++) {
        const comment = element.ratings[i].comment;
    }
    init_resto(name, address, comment);
});

var list_group = document.getElementById('list-group'); 

function init_resto(name, address, comment) {
    var liElt = document.createElement('li');
    liElt.innerHTML = 
    "<li class=\"list-group-item\">" + name + "</li>" +  
    "<li class=\"list-group-item\">" + address + "</li>" +
    "<li class=\"list-group-item\">" + comment + "</li>";  
    list_group.appendChild(liElt);
}

My expected output:

"branco"
"39 Rue des Petites Écuries, 75010 Paris"
"Un excellent restaurant, j'y reviendrai ! Par contre il vaut mieux aimer la viande."
Tout simplement mon restaurant préféré !

"Babalou"
"address":"4 Rue Lamarck, 75018 Paris"
"Une minuscule pizzeria délicieuse cachéejuste à côté du Sacré choeur !"
...

Here is my datas:

[
    {
       "restaurantName":"Bronco",
       "address":"39 Rue des Petites Écuries, 75010 Paris",
       "lat":48.8737815,
       "long":2.3501649,
       "ratings":[
          {
             "stars":4,
             "comment":"Un excellent restaurant, j'y reviendrai !Par contre il vaut mieux aimer la viande."
          },
          {
             "stars":5,
             "comment":"Tout simplement mon restaurant préféré !"
          }
       ]
    },
    {
       "restaurantName":"Babalou",
       "address":"4 Rue Lamarck, 75018 Paris",
       "lat":48.8865035,
       "long":2.3442197,
       "ratings":[
          {
             "stars":5,
             "comment":"Une minuscule pizzeria délicieuse cachéejuste à côté du Sacré choeur !"
          },
          {
             "stars":3,
             "comment":"J'ai trouvé ça correct, sans plus"
          }
       ]
    }
 ]

then I tried with a recursive function which can be a better way but I don't know how to get all values without overriding these values:

function recurse(obj) {
    let value= "";
    for (let property in obj) { 
        value = obj[property];

        if(typeof obj[property] == "object" && obj[property] !== null) { 
            value = recurse(obj[property]);  
        }

    }
    return value;
}

Answer 1

Comments have explained why your code is returning only a single value.

It's pretty hard to tell for sure what you're looking to do. If what you want is just to collect the leaf values of your object tree, then this simple recursion should do it:

 const getValues = (obj) => Object (obj) === obj? Object.values (obj).flatMap (getValues): obj const input = [{restaurantName: "Bronco", address: "39 Rue des Petites Écuries, 75010 Paris", lat: 48.8737815, long: 2.3501649, ratings: [{stars: 4, comment: "Un excellent restaurant, j'y reviendrai.Par contre il vaut mieux aimer la viande,"}: {stars, 5: comment, "Tout simplement mon restaurant préféré:"}]}, {restaurantName: "Babalou", address, "4 Rue Lamarck: 75018 Paris". lat, 48:8865035. long, 2:3442197: ratings, [{stars: 5, comment: "Une minuscule pizzeria délicieuse cachéejuste à côté du Sacré choeur,"}: {stars, 3. comment. "J'ai trouvé ça correct, sans plus"}]}] console .log (input .map (getValues))

 .as-console-wrapper {max-height: 100%;important: top: 0}

(I find Object (obj) === obj a cleaner typecheck than doing typeof .)

But if that is not your expected output, please edit the question to include the expected output.