生成随机相同的对象

Question

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

function init(){
  var resArr = [];
  for (var i = 0; i < 10; i++) {
    var obj = new Object();
    obj.q = getRandomInt(3,5);
    obj.r = getRandomInt(1,10);
    resArr.push(obj);
  }

  var str = '<table border=1><th>Multiplication</th>';
  for (var i = 0; i < resArr.length; i++) {
    str+='<tr><td>'+resArr[i].q+' * '+resArr[i].r+' = '+(resArr[i].q *resArr[i].r)+'</td></tr>';
  }
  str += '</table>';
  document.getElementById('multiTable').innerHTML = str;
}
init();

<button type="button" name="button" onclick="init()">Refresh</button>
<div id='multiTable'></div>

这里我生成随机对象并推送到数组。我真的很困惑如何检查创建的对象是否存在于数组中。

我想生成随机数以在乘法表中显示。

Answer 1

我创建了一个函数，只是为了检查数组中的重复对象

＆＃13;

＆＃13;

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

function checkDuplicate(arr, obj) {
  for (var i = 0; i < arr.length; i++) {
    if (arr[i].q == obj.q && arr[i].r == obj.r) {
      return true;
      break;
    }
  }
}

function init() {
  var resArr = [];
  for (var i = 0; i < 10; i++) {
    var obj = new Object();
    obj.q = getRandomInt(3, 5);
    obj.r = getRandomInt(1, 10);
    if (!checkDuplicate(resArr, obj)) {
      resArr.push(obj);
    }
    else i--;
  }

  var str = '<table border=1><th>Multiplication</th>';
  for (var i = 0; i < resArr.length; i++) {
    str += '<tr><td>' + resArr[i].q + ' * ' + resArr[i].r + ' = ' + (resArr[i].q * resArr[i].r) + '</td></tr>';
  }
  str += '</table>';
  document.getElementById('multiTable').innerHTML = str;
}
init();

＆＃13;

<button type="button" name="button" onclick="init()">Refresh</button>
<div id='multiTable'></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

尝试使用Array#filter()方法。检查匹配的对象长度。并使用while循环进行更改，以便始终提供10结果

<强>更新

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

function init() {
  var resArr = [];
  var i=0;
  while (true) {
    var obj = new Object();
    obj.q = getRandomInt(3, 5);
    obj.r = getRandomInt(1, 10);
    if(!resArr.filter(a=> a.q == obj.q && a.r == obj.r).length>0){
       resArr.push(obj);
        i++;
    }
   
    if(i == 10){
    break;
    }
  }

  var str = '<table border=1><th>Multiplication</th>';
  for (var i = 0; i < resArr.length; i++) {
    str += '<tr><td>' + resArr[i].q + ' * ' + resArr[i].r + ' = ' + (resArr[i].q * resArr[i].r) + '</td></tr>';
  }
  str += '</table>';
  document.getElementById('multiTable').innerHTML = str;
}
init();

<button type="button" name="button" onclick="init()">Refresh</button>
<div id='multiTable'></div>

Answer 3

您可以使用哈希表，并在检查是否已插入后将所有随机组合插入其中。

＆＃13;

＆＃13;

function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

function init() {
    var resArr = [],
        hash = {};

    for (var i = 0; i < 10; i++) {
        var obj = new Object();
        do {
            obj.q = getRandomInt(3, 5);
            obj.r = getRandomInt(1, 10);
        } while (hash[[obj.q, obj.r].join('|')])
        hash[[obj.q, obj.r].join('|')] = true;
        resArr.push(obj);
    }

    var str = '<table border=1><th>Multiplication</th>';
    for (var i = 0; i < resArr.length; i++) {
        str += '<tr><td>' + resArr[i].q + ' * ' + resArr[i].r + ' = ' + (resArr[i].q * resArr[i].r) + '</td></tr>';
    }
    str += '</table>';
    document.getElementById('multiTable').innerHTML = str;
}
init();

＆＃13;

<button type="button" name="button" onclick="init()">Refresh</button>
<div id='multiTable'></div>

＆＃13;

＆＃13;

＆＃13;