Lodash附加一個逗號

Question

我似乎無法弄清楚這一個，我使用lodash創建從對象的CSV字符串，我期待輸出看起來像這樣：

data:text/csv;charset=utf-8,prop1,prop2,props 
d1,d2,n1;n2,d3 
d4,d5,n2;n3,d6 
d7,d8,n4;n5,d9 

，但我所得到的是這個：

data:text/csv;charset=utf-8,prop1,prop2,props 
d1,d2,n1;n2,d3 
,d4,d5,n2;n3,d6 
,d7,d8,n4;n5,d9 

這裏是它的外觀在Excel中：

下面是一個說明該問題的一些簡單的代碼：

var csvContent = "data:text/csv;charset=utf-8,prop1,prop2,props\n", 
data = [ 
    {prop1: "d1", prop2: "d2", props: [{name: "n1"},{name: "n2"}], prop3: "d3" }, 
    {prop1: "d4", prop2: "d5", props: [{name: "n2"},{name: "n3"}], prop3: "d6" }, 
    {prop1: "d7", prop2: "d8", props: [{name: "n4"},{name: "n5"}], prop3: "d9" } 
]; 
csvContent +=_.map(data, function(rs) { 
    var tmp = {}; 
    tmp.prop1 = rs.prop1; 
    tmp.prop2 = rs.prop2; 
    tmp.props = _.map(rs.props, function(r) { return r.name; }).join(';'); 
    tmp.prop3 = rs.prop3; 
    return _.values(tmp).join(",") + '\n'; 
}); 
console.log(csvContent); 

jsfiddle

Answer 1

這是你在找什麼？

var csvContent = "data:text/csv;charset=utf-8,prop1,prop2,props\n", 
data = [ 
    {prop1: "d1", prop2: "d2", props: [{name: "n1"},{name: "n2"}], prop3: "d3" }, 
    {prop1: "d4", prop2: "d5", props: [{name: "n2"},{name: "n3"}], prop3: "d6" }, 
    {prop1: "d7", prop2: "d8", props: [{name: "n4"},{name: "n5"}], prop3: "d9" } 
]; 

stuff = _.map(data, function(rs) { 
    var tmp = {}; 
    tmp.prop1 = rs.prop1; 
    tmp.prop2 = rs.prop2; 
    tmp.props = _.map(rs.props, function(r) { return r.name; }).join(';'); 
    tmp.prop3 = rs.prop3; 
    return _.values(tmp).join(","); 
}); 

csvContent += stuff.join('\n'); 

console.log(csvContent); 

我認爲問題是，你試圖添加csvContent（串）和_.map(...)（陣列）。相反，您應該只加入\n陣列並將其添加到csvContent。

http://jsfiddle.net/85ast7n1/1/