Math.Floor和Math.Radom相差一个索引

Question

我在做一个小的抽风游戏。

当轮到电脑玩的时候，我让他选择一个随机数从一个数组中选择一个元素。

我的问题是，例如随机数将是3，但从数组中选择的元素将不是arr[3]，而是arr[4]。

这是一个问题，因为如果选择的数字是数组的末尾，它将返回未定义的。

下面是javascript代码：

var grid = ['item1', 'item2', 'item3', 'item4', 'item5', 'item6', 'item7', 'item8', 'item9'];
var choice = 9;

function myFunction(clicked_id){
  $('#' + clicked_id).html('X');
  grid.splice(grid.indexOf(clicked_id), 1);
  choice -= 1;
    setTimeout(computer, 1000);
  player.push(clicked_id);
  findElement(player);
  console.log(player);
  console.log(grid);
  console.log(grid.length)

}

function computer(){
  var ran = Math.floor(Math.random() * choice);
  var res = grid[ran - 1];
    $('#' + res).html('O');
    grid.splice(grid.indexOf(res), 1);
  cpu.push(grid[ran]);
  findElement(cpu);
  choice -= 1;
  console.log(ran);
  console.log(cpu);
} 

下面是将记录在控制台日志中的内容:[“item1”]->我单击的内容

[“Item2”、“Item3”、“Item4”、“Item5”、“Item6”、“Item7”、“Item8”、“Item9”]->使用拼接后的新修改数组。

8->新数组长度

5-计算机抽取的随机数

[“Item8”]->计算机在数组中选取的元素(ARR[6])

“Item6”是井字游戏中选中的复选框。

这里有一个链接到我的codepen以查看运行中的代码。

https://codepen.io/nico3d911/pen/odvmpr?editors=0001

谢谢你的帮助！

Answer 1

我的问题来自这样一个事实，即我在将数组元素推入新数组之前使用了splice。

下面是正确的javascript代码：

function computer(){
  var ran = Math.floor(Math.random() * choice);
  var res = grid[ran];
  $('#' + res).html('O');
  cpu.push(grid[ran]); // this line needs to be before having the element removed.
  grid.splice(grid.indexOf(res), 1);
  findElement(cpu);
  choice -= 1;
  console.log(ran);
  console.log(cpu);
}

控制台日志只是在这里帮助我修复错误。

谢谢你的帮助！

Answer 2

注意，JS使用的是从零开始的索引--因此item1有索引0，item2有索引1，等等，直到item9有索引8。

math.random（）返回一个介于0和1之间（含0和1）的数字，这意味着math.random（）*9可以返回超出界限的9-对于长度为9的数组，最大索引是8。

更改上限应该可以解决您的问题：

var ran = Math.floor(Math.random() * (choice - 1))

一个小问题:grid.indexof(res)总是等于ran，您可以只使用grid.splice(ran，1)；