如何创建这样的JavaScript对象？

Question

Hi guys I'm trying to create a javascript object like this:

data = { values:[
        { X: "Apples", Y: 120 },
        { X: "Oranges", Y: 280 },
        { X: "Chocolates", Y: 180 },
        { X: "Bananas", Y: 340 },
        { X: "Tomatoes", Y: 400 },
]};

I've tried this but it doesn't work?

var data = {};

for (i = 0; i < json.Answers.length; i++){
    data.values[i].X = json.Answers[i].AnswerText
    data.values[i].Y = json.Answers[i].Responses.length
    }

The json part is fine, any ideas on constructiong the object?

Answer 1

First, you're trying to use a values property of data that you've never defined. Change

var data = {};

to

var data = {values: []};

That creates the values array.

Also, in your loop you're trying to assign to objects that don't exist. Change the content of the loop to:

data.values[i] = {
    X: json.Answers[i].AnswerText,
    Y: json.Answers[i].Responses.length
};

That creates each object that goes in the values array as you build it.

So:

var data = {values: []};

for (i = 0; i < json.Answers.length; i++){
    data.values[i] = {
        X: json.Answers[i].AnswerText,
        Y: json.Answers[i].Responses.length
    };
}

---

(Side note: Don't forget to declare i , if it's not already declared, lest you fall prey to The Horror of Implicit Globals .)

Answer 2

请使用以下方法初始化data ：

data = {values: []};

Answer 3

data.values = [];

for (i = 0; i < json.Answers.length; i++) {
    data.values.push({X: json.Answers[i].AnswerText, Y: json.Answers[i].Responses.length});
}

Answer 4

Try:

var data = {values:[]};

for (i = 0; i < json.Answers.length; i++){
    data.values[i]= {X: json.Answers[i].AnswerText, Y:json.Answers[i].Responses.length}
}