javascript - 使用 javascript 将多个值发送到innerHTML

Question

function showPrimes(n) {

  for (let i = 2; i < n; i++) {
    if (!isPrime(i)) continue;
    console.log(i); // a prime
  }
}

function isPrime(n) {
  for (let i = 2; i < n; i++) {
    if ( n % i == 0) return false;
  }
  return true;
}

document.getElementById("res").innerHTML = showPrimes(5);

<div id='res'></div>

如何在使用上述代码时返回未定义的 div 元素中显示所有 showprimes 值

Answer 1

它显示未定义，因为 showPrimes 不返回任何内容，因此调用它会产生值 undefined。如果你想让它返回一些东西，就返回一些东西(也许是一个数组)；然后它将被分配给 innerHTML (转换为字符串后)。请参阅 *** 评论:

function showPrimes(n) {
  const primes = []; // ***
  for (let i = 2; i < n; i++) {
    if (!isPrime(i)) continue;
    console.log(i);
    primes.push(i); // ***
  }
  return primes; // ***
}

function isPrime(n) {
  for (let i = 2; i < n; i++) {
    if ( n % i == 0) return false;
  }
  return true;
}

document.getElementById("res").innerHTML = showPrimes(5);

<div id="res"></div>

它使用数组到字符串的默认转换，它调用Array#join，它在值之间使用逗号。您可以显式调用 join 来执行其他操作，或进行其他任何调整。