How to get names of json object in angular

Question

I have a data set

$scope.mydata = [{
    "Block_Devices": {
      "bdev0": {
        "Backend_Device_Path": "/dev/ram1",
        "Capacity": "16777216",
        "Bytes_Written": 1577,
        "timestamp": "4365093970",
        "IO_Operations": 17757,
        "Guest_Device_Name": "vdb",
        "Bytes_Read": 17793,
        "Guest_IP_Address": "192.168.26.88"
      },
      "bdev1": {
        "Backend_Device_Path": "/dev/ram2",
        "Capacity": "16777216",
        "Bytes_Written": 1975,
        "timestamp": "9365093970",
        "IO_Operations": 21380,
        "Guest_Device_Name": "vdb",
        "Bytes_Read": 20424,
        "Guest_IP_Address": "192.168.26.100"
      }
    },
    "Number of Devices": 2
  }]

and I would like to create a array from this json such as

devices = ['bdev0', 'bdev1']

when I try

$scope.mydata.Block_Devices it gives me the whole json object but I just want the names of the objects i.e bdev0 and bdev1 how can I get that?

devices = Object.keys($scope.mydata[0].Block_Devices)

Yury Tarabanko
– Yury Tarabanko

2016-05-11 11:13:14 +00:00
Commented May 11, 2016 at 11:13 — Yury Tarabanko
– Yury Tarabanko, Commented May 11, 2016 at 11:13

Inanc Gumus · Accepted Answer · 2017-08-26 14:48:57Z

1

Try this:

var devices = [];

for (var key in $scope.mydata[0].Block_Devices) {
    devices.push(key) 
}

edited Aug 26, 2017 at 14:48

Inanc Gumus

28.3k10 gold badges89 silver badges104 bronze badges

answered May 11, 2016 at 10:39

oguzhan00

5098 silver badges16 bronze badges

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

Comments

Yury Tarabanko · Accepted Answer · 2016-05-11 11:15:36Z

1

Just in case ES5 solution

devices = Object.keys($scope.mydata[0].Block_Devices)

answered May 11, 2016 at 11:15

Yury Tarabanko

45.1k10 gold badges88 silver badges99 bronze badges

Comments

Linus · Accepted Answer · 2016-05-11 11:15:28Z

0

You have to loop through the object properties to archive this:

var devices = [];
var data = $scope.mydata[0].Block_Devices;

for (var name in data) {
  if (data.hasOwnProperty(name)) {
    devices.push(name);
  }
}

The hasOwnProperty call is important to skip the properties which are from prototype, if you are sure that there are none, you can skip this.

answered May 11, 2016 at 11:15

Linus

9486 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to get names of json object in angular

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related