SOURCE

// 匹配色值
const colorStr = '#ffbbad #Fc01DF #FFF #ffE';
// 首先是 # 开头
let colorReg = /#/;

// 后面是字母和数字的组合
colorReg = /#[0-9a-zA-Z]/;

// 字母和数字的组合数量是 3 或 6
// 为了防止匹配 #ffbbad 时，匹配到 #ffb，因此 6 在前 3 在后
colorReg = /#([a-zA-Z0-9]{6}((?=\s)|(?=$))|[a-zA-Z0-9]{3}((?=\s)|(?=$)))/g;

console.log(`匹配色值结果：${colorStr.match(colorReg)}`);

// 匹配时间

const timeStr = '23:59';

const timeReg = /([01]{0,1}[0-9]|2[0-3]):[0-5]{0,1}[0-9]/g;

console.log(`匹配时间结果：${timeReg.test(timeStr)}`);

// 匹配日期

const dateStr = '2017-06-10';

const dateReg = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/;

console.log(`匹配日期结果：${dateReg.test(dateStr)}`);

// 匹配ID

const htmlStr = '< div id="container" class="main"></div>';

const idReg = /id="([^"]*)"/;

console.log(`匹配ID结果：${htmlStr.match(idReg)[1]}`);