Question

我试图构建一个颜色结构, 每个项有 3 个数据。例如, 红色有 x 和 y, 蓝色有 x 和 y 等。因此, 3 个数据是 < code> color, x, y 。

需要什么样的结构来方便地根据颜色读取 x 和 y 。我通常做 < code> push (color, x, y) , 但这里无法工作, 因为我需要用颜色快速搜索, 而不需要循环。我在这里需要什么样的结构, 以及如何设置和获取它。

Answer 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 f或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);
  // 或like
  console.log(colors[i][ blue ][ x ]);
}

// and to insert f或this sturcture

colors.pink= {x: 150, y: 200};

Answer 2

简单对象( hash) 如何?

// 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 ]);

还是我理解你错了?

Answer 3

你在找像字典一样的东西吗?

var colorArray = {};
colorArray["red"] = {
    x: 100,
    y: 200
};
colorArray["blue"] = {
    x: 222,
    y: 200
};
alert(colorArray["red"].x);

Answer 4

var colors = {
    red  : { x : 42, y : 7 },
    blue : { x : .., y : .. },
    ...
};

alert(colors.red.x);

Answer 5

或者如果在数组中也需要颜色

var colors = {
 blue: { color:"blue", x: 100, y: 200 },
 red: { color:"red", x: 50, y: 300 },
 yellow: { color:"yellow", x: 30 y: 700 }
}

您也可以使用字符串“ contents” :

var RED = "red";

var colors = {};
 colors[RED] = { color: RED, x: 100, y: 200 };
 ...

友情链接