在 Javascript 中访问我的数组中对象的属性时遇到问题

Question

我目前有这个 function 用具有 2 个属性、颜色和角度的对象填充数组。

function populateArray() {
  let lines = [];
  let numOfLines = 200;
  let colorArray = [
    '#0f41ff',
    '#f5680e',
    '#9536ac',
    '#d8ad00',
    '#bd58a4',
    '#f8c586',
    '#406309',
    '#ed0f00',
  ];

  for (let i = 0; i < numOfLines; i++) {
    let randomColorNumber = getRandomInt(colorArray.length);
    let randomColor = colorArray[randomColorNumber];
    let randomAngle = getRandomFloat(10, 20);
    if (i % 2 === 1) {
      randomAngle = randomAngle * -1;
    }
    lines.push([{ color: randomColor, angle: randomAngle }]);
  }
  return lines;

这工作得很好，当我console.log(lines)我完美地得到了对象数组。

我什至可以做console.log(lines[0]) ，而且效果很好。 它返回如下内容： {color: "#f5680e", angle: -13.180879351807855} 。

但是，当我尝试访问索引的属性时，它返回未定义。 例如， console.log(lines[0].color)返回未定义。

这是我的问题，我需要访问这些值，但我不能。 但这很奇怪，因为我可以访问整个 object 本身，并且只有一个 function 填充我的数组，并且没有进行异步调用。

感谢您的帮助。

Answer 1

推送 object:lines.push( {...} ); 不是数组 lines.push( [...] );

lines.push({ color: randomColor, angle: randomAngle });

或日志行[0] [0] .color