如何將每個鍵對從此對象添加到數組中作為新對象？

Question

http://codepen.io/leongaban/pen/xwwdXr?editors=101

我有一個API，它返回的對象看起來像這樣：

{ unsure: 5, products: 25, trend: 124 }

我需要做的是將這些鍵/值對添加到數組中，以便它們像這樣出來：

catArray = [
    { unsure: 5 },
    { products: 5 },
    { trend: 5 },
]

更好的是：

catArray = [
    {
        name: unsure,
        count: 5
    },
    {
        name: products,
        count: 15
    },
    {
        name: trend,
        count: 50
    }
]

當前的代碼筆代碼：

var categories = { unsure: 5, products: 25, trend: 124 }
var catArray   = [];

for (var i in categories) {
  console.log(i + ":" + categories[i]);
  catArray[i] = categories[i];
}

// vm.categories = Object.keys(data.data.categories);
console.log('catArray =',catArray);

現在，我要返回一個長度為0奇怪數組，我的目標是一個包含對象的數組，然后可以使用這些對象迭代並在Angular應用程序中使用ng-repeat建立一個列表。

Answer 1

非常接近，您可以執行以下操作：

var data = { unsure: 5, products: 25, trend: 124 }
var newData = [];

for (var key in data) {
    newData.push({
        name: key,
        count: data[key]
    });
}

或者，另一種方法

var newData = Object.keys(data).map(function(key) {
    return {
        name: key,
        count: data[key]
    }
});

演示： http ： //jsfiddle.net/gnrchtvj/

Answer 2

你可以用這種方式

var categories = { unsure: 5, products: 25, trend: 124 }
var catArray   = [];
for (var i in categories) {
  if (categories.hasOwnProperty(i)) {
    alert(i + " -> " + categories[i]);
    catArray.push({name:i,value:categories[i]});
  }
}


// vm.categories = Object.keys(data.data.categories);
console.log(catArray);