JS：映射一個數組中的數組

有沒有更好的方法將bio對象放入推送的圖表values？JS：映射一個數組中的數組

// date and value keys. 
var data = {"1":[{"date":"2014-03-10","value":14},{"date":"2014-03-17","value":15},{"date":"2014-03-19","value":13},{"date":"2014-04-11","value":11},{"date":"2014-04-13","value":13.7},{"date":"2014-04-14","value":14.6},{"date":"2014-04-15","value":17},{"date":"2014-04-17","value":9},{"date":"2014-04-20","value":10},{"date":"2014-04-21","value":17},{"date":"2014-04-24","value":15},{"date":"2014-05-02","value":10},{"date":"2014-05-03","value":95.3},{"date":"2014-05-09","value":92.1},{"date":"2014-05-12","value":3},{"date":"2014-05-14","value":88.9},{"date":"2014-05-15","value":95.3},{"date":"2014-05-23","value":82.6},{"date":"2014-05-24","value":95.3},{"date":"2014-05-30","value":99},{"date":"2014-05-31","value":88.9},{"date":"2014-06-01","value":80},{"date":"2014-06-17","value":82},{"date":"2014-07-08","value":95},{"date":"2014-07-30","value":127},{"date":"2014-08-02","value":90},{"date":"2014-08-03","value":80},{"date":"2014-08-09","value":82}],"2":[{"date":"2014-03-10","value":"1"},{"date":"2014-03-19","value":"23"},{"date":"2014-04-11","value":"14"},{"date":"2014-04-13","value":"14.4"},{"date":"2014-04-14","value":"14"},{"date":"2014-04-21","value":"11"},{"date":"2014-04-24","value":"13.5"},{"date":"2014-05-04","value":"4"},{"date":"2014-05-15","value":"15"},{"date":"2014-05-17","value":"16"},{"date":"2014-05-23","value":"9.3"},{"date":"2014-05-24","value":"11"},{"date":"2014-05-25","value":"14.9"},{"date":"2014-06-01","value":"14.1"}]}; 

var bio = []; 
$.each(data['1'], function(date, value) { 
    bio.push({x: value['date'], y: Math.round(value['value'])}); 
}); 

chart = []; 
chart.push({ 
    area: true, 
    color: '#FFBA78', 
    values: bio, 
});

基本上我在做什麼走的是數據[「1」]陣列，並且對於每個節點我改變鍵：date成x，和value成y。我認爲這可能是一個數組映射？喜歡的東西：

chart.push({ 
    area: true, 
    color: '#FFBA78', 
    values: data['1'].map(function() { ... }), 
});

Here's a JSFiddle.

來源

2014-09-10 ditto

*「...並且對於每個節點，我正在更改鍵：'date'轉換爲'y'，'values'轉換爲'x' ...」*不，您正在將'date'更改爲**'x' **，如果'data'中有'values'鍵，我沒有看到引用的數據。 – 2014-09-10 22:43:04

如果您當前的代碼工作，那麼你這個$.map可以做同樣的工作完全正確：

chart.push({ 
    area: true, 
    color: '#FFBA78', 
    values: $.map(data[1], function(entry) { 
     return {x: entry.date, y: Math.round(entry.value)}; 
    }) 
});

Updated Fiddle

或者使用來自ES5的Array#map（可以在舊版瀏覽器上進行擦除）：

chart.push({ 
    area: true, 
    color: '#FFBA78', 
    values: data[1].map(function(entry) { 
     return {x: entry.date, y: Math.round(entry.value)}; 
    }) 
});

Updated Fiddle

來源

2014-09-10 22:45:18

使用ES5 Array.prototype.map：

data['1'].map(function(item){ return {x: item.date, y: Math.round(item.value)} })

哪裏item代表你的數組中的date，value對象。

重要提示：如果您需要在較舊版本的IE中運行此操作，請使用IE9 +，請按照填充說明here進行操作。

您還可以檢查一些性能benchmakrs的2位置之間：

http://jsperf.com/jquery-map-vs-array-map

瀏覽器的支持和表現都可能是你想爲了去這個選項，審查的重點領域。

來源

2014-09-10 22:45:51 Dalorzo

JS：映射一個數組中的數組

回答

相關問題