我正在尝试构建一个每个项目有3个数据的颜色结构。例如,红色有x和y,蓝色有x和y等。所以3个数据是color, x, y
我需要什么样的结构才能根据颜色轻松读取x和y。我通常做push(color, x, y)
但这在这里不起作用,因为我需要快速搜索颜色而不需要循环。我需要什么结构,如何设置并获得它。
答案 0 :(得分:4)
一个简单的对象(哈希)怎么样?
// Initial creation
var colors = {
blue: { x: 897, y: 98 },
red: { x: 43, y: 1334 },
yellow: { y: 12 }
}
// Adding new element to existing object
colors['green'] = { x: 19 };
// Accessing them
console.log(colors.blue.x);
console.log(colors.yellow.y);
// Accessing them with name in var
var needed = 'green';
console.log(colors[needed].x);
console.log(colors[needed]['x']);
或者我理解你错了吗?
答案 1 :(得分:3)
你在找字典吗?!?
var colorArray = {};
colorArray["red"] = {
x: 100,
y: 200
};
colorArray["blue"] = {
x: 222,
y: 200
};
alert(colorArray["red"].x);
答案 2 :(得分:2)
var colors = {
red : { x : 42, y : 7 },
blue : { x : .., y : .. },
...
};
alert(colors.red.x);
答案 3 :(得分:2)
或者如果您还需要数组中的颜色
var colors = {
blue: { color:"blue", x: 100, y: 200 },
red: { color:"red", x: 50, y: 300 },
yellow: { color:"yellow", x: 30 y: 700 }
}
您还可以使用字符串“常量”:
var RED = "red";
var colors = {};
colors[RED] = { color: RED, x: 100, y: 200 };
...
答案 4 :(得分:1)
var colors = [
{color: 'blue', x: 897, y: 98 },
{color: 'red', x: 25, y: 1334 },
{color: 'yellow', x: 50, y: 12 }
]
for(var i in colors) {
console.log(colors[i].color);
console.log(colors[i].x);
console.log(colors[i].y);
}
// To insert into colors
colors.push({color: 'pink', x: 150, y: 200});
或者如果你有这样的结构
var colors = [
['red', 837, 98],
['blue', 25, 144],
['yellow', 50, 12]
];
然后
for(var i in colors) {
console.log(colors[i][0]); // output: red, yellow ...
console.log(colors[i][1]); // output: 837, 25 ..
console.log(colors[i][2]); // output: 98, 144 ..
}
and to insert into colors for this structure
colors.push(['pink', 150, 200])
或
var colors = {
blue: { x: 58, y: 100 },
red: { x: 43, y: 1334 },
yellow: {x: 254, y: 12 }
}
然后
for(var i in colors) {
console.log(colors[i].blue.x);
console.log(colors[i].blue.y);
// or
console.log(colors[i]['blue'].x);
// or like
console.log(colors[i]['blue']['x']);
}
// and to insert for this sturcture
colors.pink= {x: 150, y: 200};