javascript convert object to array of objects with key value labels

Question

Say i have an object like this..

const obj = {
  streaming_tile_x: 608,
  streaming_tile_z: 608,
  global_total_mesh_count: 9776,
  global_total_asset_count: 17831,
  global_total_texture_count: 64055,
  global_total_entity_count: 0,
  global_total_shader_count: 9776,
}

How can i convert it to an array of objects like this...

const results = [
    { 
        name: "streaming_tile_x", 
        value: 608 
    },
    { 
        name: "streaming_tile_z", 
        value: 608 
    },
    { 
        name: "global_total_mesh_count", 
        value: 9776 
    },
    { 
        name: "global_total_asset_count", 
        value: 17831 
    },
    { 
        name: "global_total_texture_count", 
        value: 64055 
    },
    { 
        name: "global_total_entity_count", 
        value: 0 
    },
    { 
        name: "global_total_shader_count", 
        value: 9776 
    },
]

Huan · Accepted Answer · 2021-10-25 14:37:39Z

1

Object.keys(obj).map(key => ({name: key, value: obj[key]}))

answered Oct 25, 2021 at 14:37

Huan

3082 silver badges13 bronze badges

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

1 Comment

JokerMartini Over a year ago

great thanks. ill mark as answer when i can

Robby Cornelissen · Accepted Answer · 2021-10-25 14:36:41Z

1

Use Object.entries() with map() and array destructuring:

const obj = {
  streaming_tile_x: 608,
  streaming_tile_z: 608,
  global_total_mesh_count: 9776,
  global_total_asset_count: 17831,
  global_total_texture_count: 64055,
  global_total_entity_count: 0,
  global_total_shader_count: 9776,
};

const result = Object.entries(obj).map(([name, value]) => ({name, value}));

console.log(result);

answered Oct 25, 2021 at 14:36

Robby Cornelissen

98.6k23 gold badges154 silver badges180 bronze badges

Comments

Markiesch · Accepted Answer · 2021-10-25 14:40:57Z

0

You can use a simple for in loop to make this new array

const obj = {
  streaming_tile_x: 608,
  streaming_tile_z: 608,
  global_total_mesh_count: 9776,
  global_total_asset_count: 17831,
  global_total_texture_count: 64055,
  global_total_entity_count: 0,
  global_total_shader_count: 9776,
}

let array = []

for (let object in obj) {
  array.push({
    name: object,
    value: obj[object]
  })
}

console.log(array)

answered Oct 25, 2021 at 14:40

Markiesch

7594 silver badges11 bronze badges

Comments

Maik Lowrey · Accepted Answer · 2021-10-25 14:46:12Z

0

First catch the object keys then iterate over there.

obj = {
  streaming_tile_x: 608,
  streaming_tile_z: 608,
  global_total_mesh_count: 9776,
  global_total_asset_count: 17831,
  global_total_texture_count: 64055,
  global_total_entity_count: 0,
  global_total_shader_count: 9776,
}

n = Object.keys(obj).map((o) => {
  return {
    name: o,
    value: obj[o]
  }
})

console.log('n', n);

answered Oct 25, 2021 at 14:46

Maik Lowrey

17.8k8 gold badges55 silver badges101 bronze badges

Collectives™ on Stack Overflow

javascript convert object to array of objects with key value labels

4 Answers 4

1 Comment

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Related