在javascript中为数组添加密钥对?

时间:2018-04-03 12:01:54

标签: javascript arrays

我目前正在使用我在网上找到的一段代码,用于绘制一组角度和长度的图表,我遇到的问题是即时构建数组。

运行正常的数组是

products.name       style.name
    sample1           style1
    sample1           style2
    sample1           style3

但我正在努力使用语法将信息插入到数组中以匹配此格式,这是我到目前为止所做的但是这会导致我错误,我不确定。

arr = [
   { angle: 0, h: 100 },
   { angle: 45, h: 100 },
   { angle: 90, h: 300 },
   { angle: 135, h: 100 },
   { angle: 180, h: 100 }
];

我们非常感谢任何建议,这里是从输入数组中绘制线条的代码。

for( var i = 1; i < 42;i++) {
arr[i].angle = document.getElementById("1m2mangle"+i).value;
arr[i].h = document.getElementById("1m2mlength"+i).value};
}

由于

- 修订功能 -

ctx.moveTo(pos.x, pos.y);
pos = getAngle(ctx, pos.x, pos.y, arr[i].angle, arr[i].h);
ctx.lineTo(pos.x, pos.y);

1 个答案:

答案 0 :(得分:1)

这就是它如何用JS完成的:

for( var i = 1; i < 42;i++) {
  arr.push({
            angle: document.getElementById("1m2mangle"+i).value,
            h: document.getElementById("1m2mlength"+i).value
           });
}

我们基本上将一个新对象推送到数组的末尾,这就是你需要的结构。