Как получить ключ объекта и значение в массив в JS?

Question

У меня есть объект

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

Как мне получить массив из объекта с его ключом и значением?

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" }
]

У меня есть значения объекта, но нет ключей для "Id"

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

Answer 1

Ключ - первый элемент в массиве записей

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

Answer 2

Вы можете присвоить объект массиву и отобразить объекты.

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 3

Object.entries return [key, value], поэтому в вашем коде _ равно key

Вы можете использовать Object.entries и map и заменять

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 4

Альтернативное решение: вы можете использовать Object.keys и перебирать объект students, используя ключи.

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)