Issue with JavaScript recursive function

Question

I have an object with nested objects. I need to get all the keys and values from all the sub objects into one array.

So I'm trying to do it with a recursive function, but I guess I'm doing something wrong...

The object :

var jsonobj = {

  "gender": "male",
  "country": "us",
  "phone": "06 12 34 56 78",
  "enterprise": {
    "parameters": {
      "company": "foo",
      "companyID": "12345678912345",
      "address": "adress principale",
     }
   },
  "contacts": [],
   "requirements": []
 }

Here is the function :

  function check(arr){
      var val = '';
      $.each(arr, function(k, v) {
          if (typeof v == "object" && v.length !== 0) {
              val = check(v); 
          }
      });

      return val;
 }

And this is the function using it :

function rec_res(obj_res) {
    var foo=[];
    $.each(jsonobj, function(k, v) {
        if (typeof v == "object" && v.length !== 0) {
            g = check(jsonobj); // calling the function
            foo.push(g);
        } else {
            foo.push(v);
        }
    });
    console.log(foo);
};

Expected output:

 [foo:{
  "gender": "male",
  "country": "us",
  "phone": "06 12 34 56 78",
  "company": "foo",
  "companyID": "12345678912345",
  "address": "adress principale",
 }]

Fiddle

You didn't state what the problem is. Please add it to the question. — Federico klez Culloca
– Federico klez Culloca, Commented Dec 5, 2017 at 11:25
@FedericoklezCulloca thanks - check again - the function gives me error Maximum call stack size exceeded — RoyBarOn
– RoyBarOn, Commented Dec 5, 2017 at 11:30
jsonobj appears to be a global variable and you keep using that, when you probably meant $.each(obj, ...) — Niet the Dark Absol
– Niet the Dark Absol, Commented Dec 5, 2017 at 11:32

Nenad Vracar · Accepted Answer · 2017-12-05 11:35:42Z

1

You can create recursive function with Object.keys() and reduce() methods.

var jsonobj = {
  "gender": "male",
  "country": "us",
  "phone": "06 12 34 56 78",
  "enterprise": {
    "parameters": {
      "company": "foo",
      "companyID": "12345678912345",
      "address": "adress principale",
    }
  },
  "contacts": [],
  "requirements": []
}

function rec_res(obj) {
  return Object.keys(obj).reduce((r, e) => {
    if(typeof obj[e] == 'object') Object.assign(r, rec_res(obj[e]))
    else r[e] = obj[e];
    return r;
  }, {})
}

console.log(rec_res(jsonobj))

answered Dec 5, 2017 at 11:35

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

RoyBarOn Over a year ago

Sorry - i can't implement it , need it to be native.... any idea why mine isn't working?

Nenad Vracar Over a year ago

What do you mean by native?

Chandrakant Thakkar · Accepted Answer · 2017-12-05 11:55:30Z

var jsonobj = {
  "gender": "male",
  "country": "us",
  "phone": "06 12 34 56 78",
  "enterprise": {
    "parameters": {
      "company": "foo",
      "companyID": "12345678912345",
      "address": "adress principale",
    }
  },
  "contacts": [],
  "requirements": []
}
var result=[];
function rec_res(obj_res) {
var foo=[];
  $.each(Object.keys(obj_res), function(k, v) {
    if (typeof obj_res[v] == "object") {

     var data = rec_res(obj_res[v]);
     if(data!=undefined && data.length!=0){
     data.map(function(d){
     result.push(d);
     });
     }
  }  else {
result.push({[v]:obj_res[v]});
foo.push({[v]:obj_res[v]});
  }
  return foo;
  });
//console.log(foo);
};
rec_res(jsonobj);
alert(JSON.stringify(result));

Collectives™ on Stack Overflow

Issue with JavaScript recursive function

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related