javascript - 根据 var 从数组中选择一个值

Question

基本上。我正在为我的网站创建一个预加载器页面。我希望每次访问者访问我的页面时，页面中间的图标都会发生变化。我需要在数组中选择一个变量或一个字符串。

我的代码:

$(document).ready(function() {
  //randomly pick a number an pick an icon to show on main page

  //Math.floor(Math.random() * 6) + 1 [from SOF]

  var min = 1,
    max = 8;

  var number = Math.floor(Math.random() * (max - min + 1) + min);

  var icons = ['preload/img/audio.svg', 'preload/img/bars.svg', 'preload/img/grid.svg', 'preload/img/oval.svg', 'preload/img/puff.svg', 'preload/img/rings.svg', 'preload/img/tail-spin.svg', 'preload/img/three-dots.svg'];

  alert(number);
});

我已经尝试过 alert(icons.get(numbers)); 但从未奏效。我一直在寻找一段时间，无法弄清楚。

Answer 1

您需要使用 index 检索图标。

此外，对于 random，它返回一个介于 0 和 1 之间的 float ，因此由于数组是基于 0 的，并且您有 8 个项目，您需要:-

$(document).ready(function() {

  var number = Math.round(Math.random() * 7);

  var icons = ['preload/img/audio.svg', 'preload/img/bars.svg', 'preload/img/grid.svg', 'preload/img/oval.svg', 'preload/img/puff.svg', 'preload/img/rings.svg', 'preload/img/tail-spin.svg', 'preload/img/three-dots.svg'];

  alert(icons[number]);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>