是否可以在“for 循环”中使用 2 个变量？答案

【问题标题】：Is it possible to work with 2 variables in a "for loop"?是否可以在“for 循环”中使用 2 个变量？
【发布时间】：2018-04-02 08:38:48
【问题描述】：

例如：

var totalImages = 45;

function GalleryGrid(limit) {
    for (var i = totalImages; i > totalImages - limit; i--) {
        $('.grid').append('<div class="entry"><img src="photo-' + i + '.jpg"><img src="symbol-' + n + '.svg"></div>');
    }
}

GalleryGrid(totalImages);

在本例中，我们有 2 个变量“i”和“n”。

var i 需要给我从 1 到 45 的数字（已解决，已经在工作）。 var n 需要给我 2 种类型的字母，“a”或“b”（随机）。

关于如何使“n”随机和“a”或“b”有什么想法吗？

// Desired output:
<div class="entry"><img src="photo-1.jpg"><img src="symbol-a.svg"></div>
<div class="entry"><img src="photo-2.jpg"><img src="symbol-b.svg"></div>
<div class="entry"><img src="photo-3.jpg"><img src="symbol-b.svg"></div>
<div class="entry"><img src="photo-4.jpg"><img src="symbol-a.svg"></div>

【问题讨论】：

Getting a random value from a JavaScript array的可能重复
在循环内简单地初始化 var n = i+1;
How to decide between two numbers randomly using javascript?的可能重复
@TAHASULTANTEMURI 什么？ i + 1 既不是"a" 也不是"b"。

标签： javascript jquery html function

【解决方案1】：

试试这个：

function GalleryGrid(limit) {
    for (var i = totalImages; i > totalImages - limit; i--) {
        var n = String.fromCharCode(97 + Math.floor(Math.random() * 2));
        $('.grid').append('<div class="entry"><img src="photo-' + i + '.jpg"><img src="symbol-' + n + '.svg"></div>');
    }
}

【讨论】：

【解决方案2】：

使用Math#random 的选项数组：

var totalImages = 45;
var $grid = $('.grid');

function GalleryGrid(limit) {
  var options = ['a', 'b'];
  var n;
  for (var i = totalImages; i > totalImages - limit; i--) {
    n = options[Math.floor(Math.random() * 2)];
    $grid.append('<div class="entry"><img src="photo-' + i + '.jpg"><img src="symbol-' + n + '.svg"></div>');
  }
}

GalleryGrid(totalImages);

img {
  width: 20px;
  height: 20px;
}

img[src$="a.svg"] {
  background: red;
}

img[src$="b.svg"] {
  background: blue;
}

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

【讨论】：