javascript - 如何在 ES6 箭头函数中编写这段代码

Question

我正在尝试创建一个随机颜色生成器，有什么方法可以缩短这段代码并转换为 es6 箭头函数吗？谢谢

let html = "";
let rgbColor;

function randomColors(red, green, blue) {
  for (let i = 1; i <= 10; i++) {
    red = Math.floor(Math.random() * 256);
    green = Math.floor(Math.random() * 256);
    blue = Math.floor(Math.random() * 256);
    rgbColor = `rgb(${red},${green},${blue})`;
    html += `<div style="background-color:${rgbColor}"></div>`;
  }

 document.write(html);
}

randomColors()

Answer 1

您可以使用 Array#from和 Array#join生成每种颜色和颜色列表，并将所有内容组合成一个字符串:

const randomColors = (count) => 
  Array.from({ length: count }, (_, k) => // create an array of divs with length of count
    `<div style="background-color: rgb(${
      Array.from({ length: 3 }, () => Math.floor(Math.random() * 256)).join()
    })">${k}</div>` // inside each div create an array of 3 colors, and join them
  ).join(''); // join the array of divs to one string

document.write(randomColors(9));