【问题标题】:Array Multidimensional in Javascript split to two arraysJavascript中的数组多维拆分为两个数组
【发布时间】:2020-04-13 12:14:44
【问题描述】:

我有一个从 ajax(数据)返回的数组,我需要拆分为两个:

来自数据的警报返回:

[[200326,150000],[200327,150000],[200328,150000],[200329,150000],[200330,160000],[200331,320000]]

我尝试运行此代码以获取日期第一个元素(如 200326...200331)并获取价格第二个元素:

var dates = [];
var prices= [];
var datason = JSON.parse("[" + data + "]");
for (var i in datason) {
    dates.push(datason[i][0]);
    prices.push(datason[i][1]);
}

来自数据返回的警报:

200326,150000,200327,150000,200328,150000,200329,150000,200330,160000,200331,320000

然后我想显示一个画布图:

var chartdata = {
                        labels: dates,
                        datasets: [
                            {
                                label: 'Evolution',
                                backgroundColor: '#49e2ff',
                                borderColor: '#46d5f1',
                                hoverBackgroundColor: '#CCCCCC',
                                hoverBorderColor: '#666666',
                                data: prices
                            }
                        ]
                    };

提前致谢!

【问题讨论】:

    标签: javascript arrays canvas graph


    【解决方案1】:

    无需添加额外的[]。它们已经存在于您的数据中。

    试试这个方法:

    var dates = [];
    var prices= [];
    var datason = JSON.parse(data);
    for (var i in datason) {
        dates.push(datason[i][0]);
        prices.push(datason[i][1]);
    }
    

    【讨论】:

    • 非常感谢!我得到了需要的值。
    【解决方案2】:

    我想,这段代码会帮助你

    const data = [[200326,150000],[200327,150000],[200328,150000],[200329,150000],[200330,160000],[200331,320000]];
    
    const { dates, prices } = data.reduce(
      ({ dates, prices }, current) => ({ 
        dates: [ ...dates, current[0]],
        prices: [ ...prices, current[1]]
      }), 
      { dates: [], prices: [] }
    );
    
    console.log(dates);
    console.log(prices);

    【讨论】:

      猜你喜欢
      • 2017-09-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-07-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多