JavaScript - 生成随机颜色

2020-05-07

描述

生成一个随机的使用十六进制表示的颜色代码。

提示

使用 Math.random 生成一个 24 bit（6x4bits）的十六进制随机数
位移后使用 toString(16) 将其转换为一个十六进制字符串

代码

const randomHexColorCode = () => {
  let n = (Math.random() * 0xfffff * 1000000).toString(16);
  return '#' + n.slice(0, 6);
};

示例

随机生成一个颜色：

randomHexColorCode(); // "#110e8e"

返回总目录

每天 30 秒系列之 JavaScript 代码

JavaScript - 指定范围内生成随机数

2020-05-12 描述在指定范围内返回一个随机数。提示使用 Math.random() 生成一个随机数字使用乘法将其映射到所需范围内代码 const randomNumberInRange = (min, max) => Math.random() * (max - min) + min; 示例生 ..

JavaScript - 指定范围内生成随机整数

2020-05-11 描述在指定范围内返回一个随机的整数。提示使用 Math.random() 在范围内生成一个随机数字使用 Math.floor() 将随机数转换为整数代码 const randomIntegerInRange = (min, max) => Math.floor(Math.rando ..

JavaScript - 随机数组

2020-05-08 描述返回一个长度为 n 的数组，其中每一项都为指定范围内的随机数。提示使用 Array.from() 创建一个指定长度的空数组使用 Math.random() 生成一个指定范围内的随机数使用 Math.floor() 将其转换为一个整数代码 const randomIntArrayIn ..

对键进行重命名

2020-08-20 描述根据提供的键值对将对象中的多个键进行重命名。提示在 Object.keys() 的返回值上使用 Array.prototype.reduce() 以获取对象的所有键通过扩展运算符（...）和 keysMap 对其匹配的键进行重命名代码 const renameKeys = (keys ..

浅克隆

2020-08-21 描述为一个对象进行浅克隆。提示使用 Object.assign() 和空对象（{}）为原始对象创建一个浅克隆代码 const shallowClone = obj => Object.assign({}, obj); 示例浅克隆一个对象： const a = { x: true, ..

将一个对象转换为由键值对数组组成的二维数组

2020-08-25 描述从一个对象或其他迭代（对象，数组、字符串、集合等）中创建一个由键值对数组组成的数组。提示检查 Symbol.iterator 是否被定义如果是的话，使用 Array.prototype.entries() 为给定的可迭代对象获取他的迭代器使用 Array.from() 将结果转换为一 ..

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

关于