Fetch key, value from a JSON into a new array

Question

I need an array of values to be created from a JSON. I am trying to achieve it using angular.forEach, sample plunk http://next.plnkr.co/edit/eXQ1gqO2DXzQKxFY which seems to not work! Please let me know whats incorrect or if there is any better method to achieve this. For example:

// Sample JSON
$scope.Data = {"Gate": [{"Entry": "One"},{"Entry": "Two"}]};
$scope.results = [];
$scope.results = ["One","Two"];

I need the results array.

Thank You!

Nikhil Aggarwal · Accepted Answer · 2019-02-13 10:52:53Z

1

Use Array.map

let Data = {"Gate": [{"Entry": "One"},{"Entry": "Two"}]};
let results = Data.Gate.map(v => v.Entry);
console.log(results);

answered Feb 13, 2019 at 10:52

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

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

3 Comments

Sruthi Emmidi Over a year ago

I made it work in the long way like this next.plnkr.co/edit/eXQ1gqO2DXzQKxFY Thanks Nikhil, the map function seems awesome. I am getting an error that tells 'map is not a function'. Are there any pre-requisites to use this? My app runs on Angular JS 1.3 Thanks!

Nikhil Aggarwal Over a year ago

@SruthiEmmidi - It works fine for me. See the updated plunker - next.plnkr.co/edit/u1lD3XpQbRKkKwli

Michael Lynch Over a year ago

Array.prototype.map was added in ECMAScript 5.1, if the browser you are using doesn't currently support it, then you would get the "map is not a function" error. If you look at the link included on the answer, there is a "browser compatibility" section near the bottom.

Collectives™ on Stack Overflow

Fetch key, value from a JSON into a new array

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related