如何将对象的键和值放入JS中的数组？

Question

I have an object

var students = { 0: "Ann_L", 1: "Bob_P", 2: "Cat_C" }

How can I get an array from the object with its key and value?

var array = [ 
    { "Id": 0, "Value": "Ann_L", "Name": "Ann L" },
    { "Id": 1, "Value": "Bob_P", "Name": "Bob P" },
    { "Id": 2, "Value": "Cat_C", "Name": "Cat C" }
]

I have the values of the object but not the keys for "Id"

var array = Object.entries(students).map(([_, student ]) => 
    ({
        Name: student.replace(/_/g, " "), 
        Id: ?,
        Value: student 
    })

Answer 1

The key is the first element in the entries array

var array = Object.entries(students).map(([key, student ]) => 
({
    Name: student.replace(/_/g, " "), 
    Id: key,
    Value: student 
})

Answer 2

Object.entries return [key, value] so in your code _ is key

You can use Object.entries and map and replace

 var students = { 0: "Ann_L", 1: "Bob_P", 2: "Cat_C" } let op = Object.entries(students).map(([Id,value]) => { return { Id, value, name: value.replace(/_/g, ' ') } }) console.log(op) 

Answer 3

You could assign the object to an array and map the objects.

 var students = { 0: "Ann_L", 1: "Bob_P", 2: "Cat_C" }, array = Object .assign([], students) .map((Value, Id) => ({ Id, Value, Name: Value.replace(/_/g, ' ') })); console.log(array); 

 .as-console-wrapper { max-height: 100% !important; top: 0; } 

Answer 4

An alternative solution: you can use Object.keys , and iterate through the students object using the keys.

 const students = { 0: "Ann_L", 1: "Bob_P", 2: "Cat_C" } const res = Object.keys(students).map((element, index) => { return { Id: element, Value: students[index], Name: students[index].replace(/_/g, " "), } }) console.log(res)