如何在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返回[key, value]所以在你的代码中_是key

你可以使用Object.entries和map和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 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)