Create new array using JSON results with javascript

Question

Hello I have the following JSON result. Its a small snippet from a large JSON file. Theres hundreds of entries.

var jsonResult = [
    {
        "id": "1",
        "name": "one",
    },
    {
        "id": "2",
        "name": "two",
    },
    {
        "id": "3",
        "name": "three",
    }
]

I would like a way to loop through this data using javascript to create a new array stored in a variable that pulls just the ids. So the new array would look like this:

data = [1, 2, 3];

If theres 1000 entries, then the array would go from 1-1000.

Thanks!

This is very simple using a variety of different loop approaches. Please show what you have tried. There are also many other similar questions on SO — charlietfl, Jan 26 '18 at 16:28

Firas Omrane · Accepted Answer · 2018-01-26T16:37:12.887

1

Very simple just use array.map.

var jsonResult = [
  {
      "id": "1",
      "name": "one",
  },
  {
      "id": "2",
      "name": "two",
  },
  {
      "id": "3",
      "name": "three",
  }
]

let idArray = jsonResult.map(element => element["id"]);
console.log(idArray)

edited Jan 26 '18 at 16:37

answered Jan 26 '18 at 16:30

Firas Omrane

894
1
14
21

thank you this works perfectly – cup_of Jan 26 '18 at 16:32

Create new array using JSON results with javascript

1 Answers1