使用underscore.js進行對象轉換

Question

無論出於何種原因，在嘗試轉換對象和數組時我都會遇到很多困難。

我擁有的當前數據存儲在mongodb集合中，如下所示：

[{ "_id" : 1, "name" : "someName", "colorName" : "Pink"},
{ "_id" : 2, "name" : "someName2", "colorName" : "RoyalBlue"},
{ "_id" : 3, "name" : "aThirdOne", "colorName" : "Gold"},
{ "_id" : 4, "name" : "oneMore", "colorName" : "LightGreen"}]

我需要得到下面的兩個數組，但想知道如何讓兩者。

[{ "value" : 1, "label" : "someName"},
{ "value" : 2, "label" : "someName2"},
{ "value" : 3, "label" : "aThirdOne"},
{ "value" : 4, "label" : "oneMore"]

[{1 : "someName"},
{2 : "someName2"},
{3 : "aThirdOne"},
{4 : "oneMore"}]

我知道_.map可能與此_.map ，但是我不確定為什么無法弄清楚。 請指教。

Answer 1

您實際上並不需要Underscore，這只是Array.prototype.map方法的常規用法（盡管Underscore也提供了此方法）：

 var data = [{ "_id" : 1, "name" : "someName", "colorName" : "Pink"}, { "_id" : 2, "name" : "someName2", "colorName" : "RoyalBlue"}, { "_id" : 3, "name" : "aThirdOne", "colorName" : "Gold"}, { "_id" : 4, "name" : "oneMore", "colorName" : "LightGreen"}]; var result = data.map(function(el, i) { return {value: el._id, label: el.name}; }); document.body.innerHTML = '<pre>' + JSON.stringify(result, null, 4) + '</pre>'; 

還要注意，您的第二個數據結構沒有意義，因為它是不規則的，所以不要使用它，這根本不是很方便。

這是對應的下划線版本：

// Or Underscore version
var result = _.map(data, function(el) {
    return {value: el._id, label: el.name};
});

Answer 2

在普通的Javascript中，可以使用Array.prototype.forEach()遍歷數組並組裝對象並將其推入所需的結果。

forEach()方法每個數組元素執行一次提供的函數。

 var array = [{ "_id": 1, "name": "someName", "colorName": "Pink" }, { "_id": 2, "name": "someName2", "colorName": "RoyalBlue" }, { "_id": 3, "name": "aThirdOne", "colorName": "Gold" }, { "_id": 4, "name": "oneMore", "colorName": "LightGreen" }], result1 = [], result2 = []; array.forEach(function (a) { result1.push({ value: a._id, label: a.name }); var o = {}; o[a._id] = a.name result2.push(o); }); document.write('<pre>' + JSON.stringify(result1, 0, 4) + '</pre>'); document.write('<pre>' + JSON.stringify(result2, 0, 4) + '</pre>'); 

Answer 3

采用：

var newObject = _.map(yourObject, function(val) {
return {
    "value": val._id,
    "label": val.name
}});

和您感興趣的其他結果的概念相同。