Javascript 从数组中随机选择对象_Javascript_Html_Arrays

Javascript 从数组中随机选择对象

javascript html arrays

Javascript 从数组中随机选择对象,javascript,html,arrays,Javascript,Html,Arrays,我试着做一个函数或if条件，每秒随机选取三个圆中的一个上下文是我想制作一个动画，圆圈应该从右画布高度/2到左。每隔一秒钟，画布上就应该画一个新的圆圈，但是在新圆圈之前画的其他圆圈不应该被删除。我怎样才能做到这一点 var circle1={color: blue}; var circle2={color: yellow}; var circle3={color: orange}; var circles=[]; circles.push(circle1); circles.push(circ

我试着做一个函数或if条件，每秒随机选取三个圆中的一个

上下文是我想制作一个动画，圆圈应该从右画布高度/2到左。每隔一秒钟，画布上就应该画一个新的圆圈，但是在新圆圈之前画的其他圆圈不应该被删除。我怎样才能做到这一点

var circle1={color: blue};
var circle2={color: yellow};
var circle3={color: orange};

var circles=[];
circles.push(circle1);
circles.push(circle2);
circles.push(circle3);

function drawCircle(circle){
      ctx.beginPath();
      ctx.arc(ballx * 108, canvasHeight / 2, x*5, 0, 2*Math.PI, false);
      ctx.fillStyle = 'circle.color';
      ctx.fill();

  }

此函数用于返回数组中的随机元素：

function getRandomElement(array) {
  if (array.length == 0) {
    return undefined;
  }
  return array[Math.floor(Math.random() * array.length)];
}

要查看它的运行情况，请运行以下代码段：

函数getRandomElement（数组）{ 如果（array.length==0）{ 返回未定义； } 返回数组[Math.floor（Math.random（）*array.length）]； } 变量圆=[ {颜色：'黄色'}， {颜色：'橙色'}， {颜色：'红色'}， {颜色：'粉色'}， {颜色：'蓝色'}， {颜色：'绿色'}， {颜色：'紫色'}， {颜色：'棕色'} ];

document.write（'random circle:'+JSON.stringify（getrandom元素（circles））此函数从数组返回一个随机元素：

function getRandomElement(array) {
  if (array.length == 0) {
    return undefined;
  }
  return array[Math.floor(Math.random() * array.length)];
}

要查看它的运行情况，请运行以下代码段：

document.write（'random circle:'+JSON.stringify（getrandom元素（circles））此函数从数组返回一个随机元素：

function getRandomElement(array) {
  if (array.length == 0) {
    return undefined;
  }
  return array[Math.floor(Math.random() * array.length)];
}

要查看它的运行情况，请运行以下代码段：

document.write（'random circle:'+JSON.stringify（getrandom元素（circles））此函数从数组返回一个随机元素：

function getRandomElement(array) {
  if (array.length == 0) {
    return undefined;
  }
  return array[Math.floor(Math.random() * array.length)];
}

要查看它的运行情况，请运行以下代码段：