How should I filter a JSON using javascript? [duplicate]

Question

how can I filter this JSON by the array of areas, within that array? I need to display in my html only the items that have a certain area. In the case below, I must display only the area_one

[
   {
      "ID":789,
      "title":"Title Page",
      "image_desktop":"image21.jpg",
      "image_mobile":"image234.jpg",
      "link":"#",
      "areas":[
         "area_one"
      ]
   },
   {
      "ID":789,
      "title":"Title Page three",
      "image_desktop":"image21.jpg",
      "image_mobile":"image234.jpg",
      "link":"#",
      "areas":[
         "area_one"
      ]
   },
   {
      "ID":765,
      "title":"Title Page 2",
      "image_desktop":"image231.jpg",
      "image_mobile":"image421.jpg",
      "link":"#\/link",
      "areas":[
         "area_two"
      ]
   }
]

Of note, you never "filter JSON". You filter an array and JSON is just one of the ways to represent it. — Robo Robok
– Robo Robok, Commented Apr 20, 2020 at 23:36

mickl · Accepted Answer · 2020-04-20 23:35:10Z

1

You can use .filter() for outer array and .some() for the inner one:

let input = [
   {
      "ID":789,
      "title":"Title Page",
      "image_desktop":"image21.jpg",
      "image_mobile":"image234.jpg",
      "link":"#",
      "areas":[
         "area_one"
      ]
   },
   {
      "ID":789,
      "title":"Title Page three",
      "image_desktop":"image21.jpg",
      "image_mobile":"image234.jpg",
      "link":"#",
      "areas":[
         "area_one"
      ]
   },
   {
      "ID":765,
      "title":"Title Page 2",
      "image_desktop":"image231.jpg",
      "image_mobile":"image421.jpg",
      "link":"#\/link",
      "areas":[
         "area_two"
      ]
   }
];

let result = input.filter(x => x.areas.some(area => area === "area_one"));
console.log(result);

answered Apr 20, 2020 at 23:35

mickl

50.1k9 gold badges71 silver badges99 bronze badges

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

Collectives™ on Stack Overflow

How should I filter a JSON using javascript? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related