Angular 2 make array/object by recieved json http get

Question

I recieving a json to an

items:any = [];

items[0]['name']
items[0]['adres']
items[0]['lat']
items[0]['lng']

In this i have 4 keys and need only 2, lat and lng.

How can i make an markers array like this dynamic from the items in my app.component.ts?

markers = [
    {
        lat: 51.673858,
        lng: 7.815982
    },
    {
        lat: 51.373858,
        lng: 7.215982
    },
    {
        lat: 51.723858,
        lng: 7.895982
    }
]

Loop is one of the solutions

Poonam
– Poonam

2016-10-25 10:30:36 +00:00
Commented Oct 25, 2016 at 10:30 — Poonam
– Poonam, Commented Oct 25, 2016 at 10:30

martin · Accepted Answer · 2016-10-25 10:59:22Z

3

var n = 0;
var markers = items.map(item => {
    lat: item['lat'],
    lng: item['lng'],
    label: String.fromCharCode(65 + n++)
});

Btw, this is not related to Angular2 but TypeScript instead.

edited Oct 25, 2016 at 10:59

answered Oct 25, 2016 at 10:30

martin

97.4k26 gold badges205 silver badges237 bronze badges

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

4 Comments

Bas Over a year ago

Ahah, almost there, how can i append an label: value , so the value has to be A, B , C , etc

martin Over a year ago

I don't understand what you want to do.

Bas Over a year ago

google maps needs a "label", so by the first key i need an A and by the second B etc. var markers = items.map(item => { lat: item['lat'], lng: item['lng'], label: dynamic A,B,C, etc so by every row })

martin Over a year ago

@Bas You can use String.fromCharCode().

Collectives™ on Stack Overflow

Angular 2 make array/object by recieved json http get

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related