How to fetch particular data from array of objects and store in new array in js (vue js)

Question

I am having this array of object

let detail : [ 
       0: {
            Code: "Code 1"
            Price: "0.00"   
          },           

       1: {
            Code: "Code 2"
            Price: "9.00"   
          }
]

I want to store the price in an array(for eg: result) so that I can merge it with another existing array of the object(for eg: alldetail)

result = [
    0: {
          Price:"0.00"
       },
    1: {
          Price:"9.00"
       },   
]

The snippet above is not a valid JS code. Assuming, that detail is an array of objects, you can get result by having let result = detail.map(item => ({Price: item.Price})) — Eugene Karataev
– Eugene Karataev, Commented May 27, 2021 at 10:30
You can use the answers shown here: how to map more than one property from array of object in javascript — Nick Parsons
– Nick Parsons, Commented May 27, 2021 at 10:31
Yes, you are right but I didn't look at the map function before now it working with the map function. Thank you @EugeneKarataev — Harshu
– Harshu, Commented May 27, 2021 at 11:01

Ran Turner · Accepted Answer · 2021-05-27 10:44:02Z

3

Using map() method which creates a new array filled with the results of the provided function executing on every element in the calling array.

So, in your case, you'll return an object with the key Price and the value will be the current object with the value of it's Price property.

let detail = [ 
        {
            Code: "Code 1",
            Price: "0.00"   
          },           

       {
            Code: "Code 2",
            Price: "9.00"   
          }
];

let result = detail.map(current => {return {Price: current.Price}});

console.log(result);

edited May 27, 2021 at 10:44

answered May 27, 2021 at 10:35

Ran Turner

18.7k9 gold badges60 silver badges60 bronze badges

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

1 Comment

Harshu Over a year ago

One more problem I am having, what if the Price is a array of object. How to access that key value? @RanTurner

Andy · Accepted Answer · 2021-05-27 10:29:58Z

0

Use map to create a new array of objects.

const detail = [ 
  { Code: "Code 1", Price: "0.00" },           
  { Code: "Code 2", Price: "9.00" }
];

const result = detail.map(({ Price }) => ({ Price }));

console.log(result);

Additional documentation

Destructuring assignment.

answered May 27, 2021 at 10:29

Andy

63.6k13 gold badges72 silver badges99 bronze badges

Collectives™ on Stack Overflow

How to fetch particular data from array of objects and store in new array in js (vue js)

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related