Iterate through JSON-Object Array

Question

I parsed a XML file and retrieved the following JSON-object. The issue is that there are dashes in the json, which causes problems iterating through the object. I can not get rid off them unfortunately.

$(function() {
  let json = JSON.parse('{"app-app":{"$":{},"notneeded":"123","mapped":{"$":{},"match-match":[{"$":{},"name":"Foo 1","url":"/Bar 1"},{"$":{},"name":"Foo 2","url":"/Bar 2"},{"$":{},"name":"Foo 3","url":"Bar 3"}]},"Nothing":"123"}}');

  var foo = Object.keys(json['app-app']['mapped']['match-match']).length;
  for (var i = 0; i < foo; i++) {
    console.log(json['app-app']['mapped']['match-match'][i].name);
    console.log(json['app-app']['mapped']['match-match'][i].url);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

I would like to iterate through the object and extract every "match" children. Something like this:

return [
            {
                name: 'Foo 1',
                url:  'Bar 1'
            },
            [...]
       ]

Thanks you in advance.

value.app.mapped.match

Weedoze
– Weedoze

2017-03-27 12:09:47 +00:00
Commented Mar 27, 2017 at 12:09 — Weedoze
– Weedoze, Commented Mar 27, 2017 at 12:09

cнŝdk · Accepted Answer · 2017-03-27 13:31:43Z

1

You can simply use Array.prototype.map(), to iterate over your json array and return your custom structure, like this:

$(function() {
  let json = JSON.parse('{"app-app":{"$":{},"notneeded":"123","mapped":{"$":{},"match-match":[{"$":{},"name":"Foo 1","url":"/Bar 1"},{"$":{},"name":"Foo 2","url":"/Bar 2"},{"$":{},"name":"Foo 3","url":"Bar 3"}]},"Nothing":"123"}}');


  var result = json['app-app']['mapped']['match-match'].map(function(item) {
    return {
      "name": item.name,
      "url": item.url
    };
  });
  console.dir(result);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

It will give you the expected result.

answered Mar 27, 2017 at 13:31

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

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

Comments

Weedoze · Accepted Answer · 2017-03-27 12:38:44Z

0

let json = JSON.parse('{"app":{"$":{},"notneeded":"123","mapped":{"$":{},"match":[{"$":{},"name":"Foo 1","url":"/Bar 1"},{"$":{},"name":"Foo 2","url":"/Bar 2"},{"$":{},"regex":"Foo 3","configuration":"Bar 3"}]},"Nothing":"123"}}');
console.log(json['app']['mapped']['match']);

edited Mar 27, 2017 at 12:38

answered Mar 27, 2017 at 12:27

Weedoze

14k2 gold badges38 silver badges65 bronze badges

1 Comment

Weedoze Over a year ago

@AppRoyale Don't update your question with tries. This will lead to a misunderstanding of the first idea. + Check the array and you will see that the last object has regex and configuration as properties and not name and url

Collectives™ on Stack Overflow

Iterate through JSON-Object Array

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related