Convert Json to array Angular2 js with type script

Question

I have the json data i want to convert to an array with the specified keys.

[
  {"id":1,"url": "http://test.com"},
  {"id":2,"url":"https://ad.com/"},
  {"id":3,"url":"https://ad12.com/"},
  {"id":4,"url":"https://ad12.com/"}
]

Code:

 http.get('', { headers: ''})
     .map(var response => response.json();
     return response.map(d => {
     return new class(d.url);
    }););

I need only url key values.

Output:`["http://test.com", "http://ad.com", "http://ad12.com"]

`

well, why not hold it in model and apply map over it?

Avinash Anand
– Avinash Anand

2017-01-12 18:08:32 +00:00
Commented Jan 12, 2017 at 18:08 — Avinash Anand
– Avinash Anand, Commented Jan 12, 2017 at 18:08
I have tried but not able to achieve it .

Seenu S
– Seenu S

2017-01-12 18:09:27 +00:00
Commented Jan 12, 2017 at 18:09 — Seenu S
– Seenu S, Commented Jan 12, 2017 at 18:09
Show what you've tried please.

eko
– eko

2017-01-12 18:10:19 +00:00
Commented Jan 12, 2017 at 18:10 — eko
– eko, Commented Jan 12, 2017 at 18:10
@echonax I have tried the above mentioned code.

Seenu S
– Seenu S

2017-01-12 18:21:06 +00:00
Commented Jan 12, 2017 at 18:21 — Seenu S
– Seenu S, Commented Jan 12, 2017 at 18:21

Nitzan Tomer · Accepted Answer · 2017-01-12 18:22:43Z

1

It should be:

http.get('', { headers: ''})
    .map(response => {
        return response.json().map(d => {
            return new class(d.url);
        });
    });

answered Jan 12, 2017 at 18:22

Nitzan Tomer

166k51 gold badges330 silver badges307 bronze badges

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

Comments

danday74 · Accepted Answer · 2017-01-12 18:35:45Z

0

if using lodash then ..

var urls = _.map(yourArray, 'url');

or ES6 and lodash ..

let urls = _.map(yourArray, 'url');

or ES6 and no lodash ..

lets urls = yourArray.map((obj) => {
    return obj.url;
});

or ES5 and no lodash ..

lets urls = yourArray.map(function (obj) {
    return obj.url;
});

answered Jan 12, 2017 at 18:35

danday74

58k56 gold badges273 silver badges337 bronze badges

1 Comment

user663031 Over a year ago

More idiomatic ES6 would be map(({url}) => url).

Collectives™ on Stack Overflow

Convert Json to array Angular2 js with type script

Code:

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Code:

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related