生成随机颜色数组 Javascript

在编写前端应用程序时，您可能需要创建随机颜色数组。这个数组可以在很多不同的方面使用：例如，您可以将其用于在图表中显示不同的数据系列，或者用于漂亮的背景颜色。

下面是一个用Javascript函数生成随机颜色数组的简单方法。

代码

/**
* 生成随机颜色的数组
* @param {number} length - 数组长度
* @returns {Array} 随机颜色的数组
*/
function randomColorArray(length) {
  const colors = [];
  for (let i = 0; i < length; i++) {
    colors.push(`#${Math.floor(Math.random() * 16777215).toString(16)}`);
  }
  return colors;
}

解释

该函数接受一个长度参数，指定要创建的数组的长度。它通过创建一个空数组并使用一个for循环将随机颜色字符串推入该数组来生成随机颜色数组。

在for循环中，我们使用 Math.random() 函数生成一个介于 [0, 1) 之间的随机数，并使用其作为颜色代码中RGB成分的值的一部分。接下来，我们将结果转换为十六进制代码，并将结果拼接到 "#" 前面以形成一个合法的颜色字符串，该字符串被推入到刚刚创建的颜色数组中。

要在Javascript中使用这个函数，只需调用它并将所需的数组长度作为参数传递:

const myColors = randomColorArray(5); // 生成包含5个随机颜色的数组
console.log(myColors); // ['#9b2c2c', '#bfa097', '#6c59b8', '#87680f', '#37569a']

相关链接

• Math.random() - MDN
• 数组（Array）- MDN