配列としての分割/プッシュ文字列

Question

文字列に ' - 'を区切って配列に変換する必要があります。私はそれを分割しようとしましたが、うまくいきません。

avgCreditUsage('[1, 72]-[2, 79]-[3, 81]-[4, 76]-[5, 93]-[6, 81]-[7, 85]-[8, 66]-[9, 66]-[10, 72]-[11, 67]-[12, 72]-[13, 71]-[14, 80]-[15, 94]-[16, 56]-[17, 61]-[18, 81]-[19, 82]-[20, 64]-[21, 74]-[22, 77]-[23, 96]-[24, 83]-[25, 91]-[26, 85]-[27, 72]-[28, 80]-[29, 74]-[30, 70]-[31, 86]'); 
 

 
function avgCreditUsage(creditsPerDOM) { 
 

 
    /* 
 
* LINE CHART 
 
* ---------- 
 
*/ 
 
    //var sin = [ 
 
    //  [gd(2012, 0, 1), 1652.21], [gd(2012, 1, 1), 1742.14], [gd(2012, 2, 1), 1673.77], [gd(2012, 3, 1), 1649.69], 
 
    //  [gd(2012, 4, 1), 1591.19], [gd(2012, 5, 1), 1598.76], [gd(2012, 6, 1), 1589.90], [gd(2012, 7, 1), 1630.31], 
 
    //  [gd(2012, 8, 1), 1744.81], [gd(2012, 9, 1), 1746.58], [gd(2012, 10, 1), 1721.64], [gd(2012, 11, 2), 1684.76] 
 
    // ] 
 

 
    var array = creditsPerDOM.split("-"); 
 
    var sin = [array]; 
 

 
    var line_data1 = { 
 
     data: sin, 
 
     color: "#00c0ef" 
 
    }; 
 
    $.plot("#line-chart", [line_data1], { 
 
     grid: { 
 
      hoverable: true, 
 
      borderColor: "#f3f3f3", 
 
      borderWidth: 1, 
 
      tickColor: "#f3f3f3" 
 
     }, 
 
     series: { 
 
      shadowSize: 0, 
 
      lines: { 
 
       show: true 
 
      }, 
 
      points: { 
 
       show: true 
 
      } 
 
     }, 
 
     lines: { 
 
      fill: false, 
 
      color: ["#3c8dbc", "#f56954"] 
 
     }, 
 
     yaxis: { 
 
      show: true, 
 
     }, 
 
     xaxis: { 
 
      show: true 
 
     } 
 
    }); 
 
    //Initialize tooltip on hover 
 
    $('<div class="tooltip-inner" id="line-chart-tooltip"></div>').css({ 
 
     position: "absolute", 
 
     display: "none", 
 
     opacity: 0.8 
 
    }).appendTo("body"); 
 
    $("#line-chart").bind("plothover", function (event, pos, item) { 
 

 
     if (item) { 
 
      var x = item.datapoint[0].toFixed(2), 
 
       y = item.datapoint[1].toFixed(2); 
 

 
      $("#line-chart-tooltip").html(item.series.label + " of " + x + " = " + y) 
 
       .css({ top: item.pageY + 5, left: item.pageX + 5 }) 
 
       .fadeIn(200); 
 
     } else { 
 
      $("#line-chart-tooltip").hide(); 
 
     } 
 

 
    }); 
 
    /* END LINE CHART */ 
 

 
}

Answer 1

これは（this fiddleによると、ここに記載されているすべての答えの中で最速である）TaplarのJSONのaproach @に似ていますが、それは、個々のアイテムに変換します。

このアプローチは、パフォーマンスよりも読みやすくなります。

私が正しく理解していれば

var creditsPerDOM = '[1, 72]-[2, 79]-[3, 81]-[4, 76]-[5, 93]-[6, 81]-[7, 85]-[8, 66]-[9, 66]-[10, 72]-[11, 67]-[12, 72]-[13, 71]-[14, 80]-[15, 94]-[16, 56]-[17, 61]-[18, 81]-[19, 82]-[20, 64]-[21, 74]-[22, 77]-[23, 96]-[24, 83]-[25, 91]-[26, 85]-[27, 72]-[28, 80]-[29, 74]-[30, 70]-[31, 86]'; 
 

 
var dataSeries = creditsPerDOM.split('-').map(JSON.parse); 
 

 
console.log(dataSeries);

、

$.plot('#line-chart', [dataSeries] ...) 

Answer 2

あなたはJSON形式に変換してから解析メソッドを使用することができます。

var creditsPerDOM = '[1, 72]-[2, 79]-[3, 81]-[4, 76]-[5, 93]-[6, 81]-[7, 85]-[8, 66]-[9, 66]-[10, 72]-[11, 67]-[12, 72]-[13, 71]-[14, 80]-[15, 94]-[16, 56]-[17, 61]-[18, 81]-[19, 82]-[20, 64]-[21, 74]-[22, 77]-[23, 96]-[24, 83]-[25, 91]-[26, 85]-[27, 72]-[28, 80]-[29, 74]-[30, 70]-[31, 86]'; 
 

 
var array = JSON.parse('['+ creditsPerDOM.split("-").join(",") +']'); 
 

 
console.log(array);

Answer 3

あなたは

var creditsPerDOM = '[1, 72]-[2, 79]-[3, 81]-[4, 76]-[5, 93]-[6, 81]-[7, 85]-[8, 66]-[9, 66]-[10, 72]-[11, 67]-[12, 72]-[13, 71]-[14, 80]-[15, 94]-[16, 56]-[17, 61]-[18, 81]-[19, 82]-[20, 64]-[21, 74]-[22, 77]-[23, 96]-[24, 83]-[25, 91]-[26, 85]-[27, 72]-[28, 80]-[29, 74]-[30, 70]-[31, 86]'; 

var all = creditsPerDOM.split(-); 

var final = []; 

all.forEach(function(miniArray){ 
     var arr = JSON.parse(miniArray); // [x, y] 
     final.push(miniArray[0]); 
     final.push(miniArray[1]); 
})