How to only extract first value from list of JSON Array in Angular [duplicate]

Question

I have data array which is like {date: "2019-10-08", value0: 68}

I only want to extract all dates so the result is like:

{date: "2019-10-08"}
{date: "2019-11-08"}
{date: "2019-12-08"}

I have tried the line of code below but it only gives me all the date values like

resultArr.forEach(AllDate => dateArr.push(AllDate.date));

["2019-10-08","2019-11-08","2019-12-08"] this is not what i want.

i would like the text "date" i am looking for this.

{date: "2019-10-08"}
{date: "2019-11-08"}
{date: "2019-12-08"}

Saurabh Agrawal · Accepted Answer · 2019-12-05 10:18:17Z

4

You can use Array.prototype.map():

let array1 = [{ date: "2019-10-08", value0: 68 },
{ date: "2019-11-08", value0: 68 },
{ date: "2019-12-08", value0: 68 }];;

let res = array1.map(({date}, index) => {
    return { date }
})
console.log(res);

Using Array.prototype.forEach()

let resultArr = [{ date: "2019-10-08", value0: 68 },
{ date: "2019-11-08", value0: 68 },
{ date: "2019-12-08", value0: 68 }];;

let dateArr = [];
resultArr.forEach(AllDate => dateArr.push({date: AllDate.date}));
console.log(dateArr);

edited Dec 5, 2019 at 10:18

answered Dec 4, 2019 at 11:11

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

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

Comments

Ramesh Reddy · Accepted Answer · 2019-12-04 11:10:54Z

2

just push an object like this:

resultArr.forEach(AllDate => {
 dateArr.push({date: AllDate.date});
});

answered Dec 4, 2019 at 11:10

Ramesh Reddy

10.7k3 gold badges22 silver badges38 bronze badges

Comments

Mamun · Accepted Answer · 2019-12-04 11:24:38Z

2

You can try with Array.prototype.map() with Destructuring assignment:

var data = [{date: "2019-10-08", value0: 68},
{date: "2019-11-08", value0: 69},
{date: "2019-12-08", value0: 70}];

var resultArr = data.map(({date}) => ({date}));
console.log(resultArr);

edited Dec 4, 2019 at 11:24

answered Dec 4, 2019 at 11:14

Mamun

69k9 gold badges51 silver badges62 bronze badges

Comments

Akshay Sharma · Accepted Answer · 2019-12-04 11:25:06Z

2

plz try this

let result = [{date: "2019-10-08", value0: 68}, 
{date: "2019-10-08", value0: 68}, 
{date: "2019-10-08", value0: 68}, 
{date: "2019-10-08", value0: 68}];

let dateArr = [];

result.forEach(AllDate => dateArr.push({date : AllDate.date}));

console.log(dateArr);

With map()

let dateArr = result.map((value, key) => return {date : value.date} );
console.log(dateArr);

edited Dec 4, 2019 at 11:25

answered Dec 4, 2019 at 11:12

Akshay Sharma

1,1121 gold badge8 silver badges21 bronze badges

Comments

KCFragrance · Accepted Answer · 2019-12-04 11:11:56Z

0

Try this

let dateArray = resultArr.map(AllDate => return {date:AllDate.date} );

answered Dec 4, 2019 at 11:11

KCFragrance

1586 bronze badges

Collectives™ on Stack Overflow

How to only extract first value from list of JSON Array in Angular [duplicate]

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Linked

Related