javascript - 从点创建数组

Question

我需要从值列表中格式化一个数组。

目前我有以下硬编码点:

points = [
{x: 20, y: 112},
{x: 23, y: 101},
{x: 51, y: 89},
{x: 63, y: 89},
{x: 84, y: 129},
{x: 64, y: 153},
{x: 45, y: 151},
{x: 38, y: 140},
{x: 28, y: 150},
{x: 10, y: 144},
{x: 0, y: 130},
{x: 10, y: 114}
];

结果数组将传递给函数。

我现在需要将另一个数组传递给同一函数，但我无法像上面那样对它们进行硬编码。相反，我使用 JS 框架来动态获取点，例如 $(#container).get('points');

如何转换新数组，使其格式类似于 x: | y:结构如上？

points="20,112, 23,101, 51,89, 63,89, 84,129, 64,153, 45,151, 38,140, 28,150, 10,144, 0,130, 10,114"

我在 MooTools 中发现了以下内容:

Array.each([1, 2, 3], function(number, index)
{
    alert('x:' + number + ', y: ' + index);
});

...但不知怎的，这似乎不是正确的方法。

我可以得到一些指导吗？

Answer 1

您可以split ^[docs]字符串并迭代它，在每次迭代中取两个值:

var parts = points.split(',');
var pointsArray = [];

for(var i = 0, l = parts.length; i < l; i += 2) {
    pointsArray.push({x: +parts[i], y: +parts[i+1]});
}