将对象键/值对拆分为单独的对象

Question

我想知道是否有一种方法可以拆分对象的键/值对并将其插入数组，以便获得对象数组。

这是代码：

let grades = [5,5,6,7,6,7,9,10,8,6]

let gradesSpread = {
   5:0,
   6:0,
   7:0,
   8:0,
   9:0,
   10:0
}


// This populates spreadGrades object as intended
for( let [index,grade] in grades.entries() ) {
   gradesSpread[grade]++
}

所以现在我想从gradesSpread获取键/值对，并为每个对象创建对象并将其推入新数组。

我知道我可以使用Object.values()和Object.keys()从对象中获取键或值，但是我不知道如何将这些键值对添加到对象数组中

为了更好的可视化，我需要数组看起来像这样：

let finalSpread = [{5:0},{6:4}...]

我对所有解决方案都持开放态度，也为此获得了加分，因此不需要初始化的对象。

Answer 1

var arr = [];
Object.keys(grades).forEach((key) => {
    var newObj = {};
    newObj[key] = grades[key];
    arr.push(newObj);
});

使用ES6可能会更短：

var arr = [];
Object.keys(grades).forEach((key) => {
    arr.push({[key]: grades[key});
});

Answer 2

您可以将键与值映射。 该顺序不反映对象插入的顺序。

 var object = { 5: 1, 6: 3, 2: 4 }, result = Object .keys(object) .map(k => ({ [k]: object[k] })); console.log(result); 

Answer 3

听起来像您想要Array.prototype.reduce() 。

let grades = [5,5,6,7,6,7,9,10,8,6];

let finalSpread = grades.reduce((spread, grade) => {
  let count = spread[grade] || 0;
  spread[grade] = ++count;
  return spread;
}, {});

看到您想要一个最终值，该值本质上是键值映射，我建议finalSpread是上面的对象。

---

---

更新：

如果无论出于何种原因都必须将其作为数组，则可以：

一种。 最后添加finalSpread = Object.entries(finalSpread) （注意：每个年级实际上都是一个字符串）

b。 只需在reduce中重构函数，以检查它们是否已存在[grade，count]数组，然后添加或增加它。

C。 使用Map而不是数组作为reduce累加器（如果您还需要等级也为数字-Map允许使用非字符串键）-然后将其强制转换为数组，即：

let finalSpread = grades.reduce((spread, grade) => {
  let count = spread.get(grade) || 0;
  spread.set(grade, ++count);
  return spread;
}, new Map());
finalSpread = Array.from(finalSpread);

（注意： map和Array.from()具有有限的浏览器支持。）

Answer 4

您也可以尝试：

let arrayOfObj = [];
let extractPairs = (jsonObj) => {
for(let item in jsonObj) {
    console.log(item);
    arrayOfObj.push({item: jsonObj[item]})
}
console.log(arrayOfObj);
}