代码之家 › 专栏 › 技术社区 › alexc

如何使用javascript将JSON对象操作到数组中

d3.js json arrays javascript

alexc · 技术社区 · 10 年前

我正在使用d3.js图表库,我正在使用雷达图 extension 它似乎只以一种方式接受数据对象。我认为,与其尝试更改扩展的代码,不如简单地将我的数据处理成代码所能接受的类型。如果有意义?

无论如何,这是我的代码;

我的JSON:

{
    "questions": ["Staff is courteous and polite","Attentive staff","Modern brand","Innovative brand","Good employer","Company I trust","Place for kids and family","Place for young people","Affordable food"],
    "organizations": ["MC", "BK", "KFC"],
    "dates": ["Jan", "Feb", "Mar"],
    "values": [ [
            [40, 15, 13],
            [25, 24, 14],
            [1, 23, 20]] ... etc etc

Java脚本:

d3.json("data.json", function(error, data) {

    var newValue =[];

    var yellow = [
        [
            {"label":"A","value":6},
            {"label":"B","value":4},
            {"label":"C","value":6},
            {"label":"D","value":5.5},
            {"label":"E","value":8},
            {"label":"F","value":7},
            {"label":"G","value":9},
            {"label":"H","value":10},
            {"label":"I","value":3.5}
        ]
    ];
    if (error) {
        console.log(error);
    }
    else {
        data = data;
    }

     var newValue = [];
        var orgS = "MC";
        var dateS = "Jan";
        for (var question = 0; question < data.questions.length; question++) {
            var organization = data.organizations.indexOf(orgS);
            var date = data.dates.indexOf(dateS);
            newValue.push({
                label: data.questions[question],
                value: data.values[question][organization][date]
            });
        }

    console.log(newValue);
    console.log(yellow);


});

控制台输出结构:

所以我的问题是,如何将数据输出到控制台,比如var“yellow”(图中的底部)?

我尝试将[]包装在newValue周围。推,但没有返回所需的效果。

我希望这是可能的,任何建议都非常感谢!

这是一个所有设置的plnk-

https://plnkr.co/edit/EBcxa39sal0PAOJxSYKb?p=preview

(哦,我真的不确定这个问题的合适标题是什么,欢迎编辑/建议一个新标题,以便更准确地描述问题)。

1 回复 | 直到 10 年前

j3ff 10 年前

虽然我不明白这一点。。。

d3.json("data.json", function(error, data) {

    var newValue =[];

    var yellow = [
        [
            {"label":"A","value":6},
            {"label":"B","value":4},
            {"label":"C","value":6},
            {"label":"D","value":5.5},
            {"label":"E","value":8},
            {"label":"F","value":7},
            {"label":"G","value":9},
            {"label":"H","value":10},
            {"label":"I","value":3.5}
        ]
    ];
    if (error) {
        console.log(error);
    }
    else {
        data = data;
    }

     var newValue = [];
        var orgS = "MC";
        var dateS = "Jan";
        for (var question = 0; question < data.questions.length; question++) {
            var organization = data.organizations.indexOf(orgS);
            var date = data.dates.indexOf(dateS);
            newValue.push({
                label: data.questions[question],
                value: data.values[question][organization][date]
            });
        }

    var newArrayValue = [];
    newArrayValue.push(newValue);

    console.log(newValue);
    console.log(newArrayValue);
    console.log(yellow);


});

https://plnkr.co/edit/UrmWt5AgqAuJWe8cO1Bi?p=preview