Filtering json data array with javascript

Question

I have a json data like below

 var data =  [
    { 
      "type": "Feature", 
      "id": 1, 
      "properties": 
       {
         "name": "William", 
         "categorie": 107, 
         "laporan":"Fire",
         "time":1,
         "type": "Firefighter",
         "phone_number": "0111111" 
       }, "geometry": 
        { 
           "type": "Point", 
           "coordinates": [ 106.814893, -6.219156] 
        } 
     }
    ,
    { 
       "type": "Feature", 
       "id": 7, 
       "properties": 
        {
          "name": "John", 
          "categorie": 103, 
          "laporan":"Thief",
          "time":3,
          "type": "Police", 
          "phone_number": "0987654321" 
     }, "geometry": 
     { 
        "type": "Point", 
        "coordinates": [ 106.794107, -6.286935 ] 
     }
   }
]

I want to filter the json data above to get properties and coordinates based on time, I have tried using code below, but it's not showing the data I want

  var data_filter=data.filter(function(item){
    return item.properties.time==1;         
});
console.log(data_filter)

Do you know how I'm filtering the json data to get properties and coordinate data ?

Thank you

Is your data already an object?

Grabatui
– Grabatui

2019-09-11 06:58:42 +00:00
Commented Sep 11, 2019 at 6:58 — Grabatui
– Grabatui, Commented Sep 11, 2019 at 6:58
Hi @Grabatui, yes

Ikram Shabri
– Ikram Shabri

2019-09-11 07:12:50 +00:00
Commented Sep 11, 2019 at 7:12 — Ikram Shabri
– Ikram Shabri, Commented Sep 11, 2019 at 7:12

Nina Scholz · Accepted Answer · 2019-09-11 06:59:36Z

4

You could finally map the wanted properties.

var data = [{ type: "Feature", id: 1, properties: { name: "William", categorie: 107, laporan: "Fire", time: 1, type: "Firefighter", phone_number: "0111111" }, geometry: { type: "Point", coordinates: [106.814893, -6.219156] } }, { type: "Feature", id: 7, properties: { name: "John", categorie: 103, laporan: "Thief", time: 3, type: "Police", phone_number: "0987654321" }, geometry: { type: "Point", coordinates: [106.794107, -6.286935] } }],
    result = data
        .filter(item => item.properties.time == 1)
        .map(({ properties, geometry: { coordinates } }) => ({ properties, coordinates }));
        
console.log(result);

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

answered Sep 11, 2019 at 6:59

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

1 Comment

Ikram Shabri Over a year ago

Hi, Thank you for your correction, it's working fine right now

Collectives™ on Stack Overflow

Filtering json data array with javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related