JS精简代码集合

日历

创建过去七天的数组，如果将代码中的减号换成加号，你将得到未来7天的数组集合

1	[...Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days));

生成随机ID

生成长度为11的随机字母数字字符串

1	Math.random().toString(36).substring(2);

获取URL的查询参数

获取url的查询参数代码 ‘ ?foo = bar&baz = bing ‘ 期望得到 { foo: bar, baz: bing }

q={};location.search.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v);q;

var url = '?foo=bar&baz=bin'
var q={}
url.replace(/([^?&=]+)=([^&]+)/g,(_,k,v)=>q[k]=v)
console.log(q) // {foo: "bar", baz: "bin"}

本地时间

通过一堆HTML，您可以创建一个本地时间，其中包含您可以一口气读出的源代码，它每秒都会用当前时间更新页面

1	<body = "setInterval(()=>document.body.innerHTML=new Date().toLocaleString().slice(10,19))"> </body>

数组混淆

随机更改数组元素顺序，混淆数组

(arr) => arr.slice().sort(() => Math.random() - 0.5)

let a = (arr) => arr.slice().sort(() => Math.random() - 0.5)
let b = a([1,2,3,4,5])
console.log(b)

生成随机十六进制代码（生成随机颜色）

使用JavaScript简洁代码生成随机十六进制代码，如：#c618b2

1	'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');

一个面试题

这是一个臭名昭著的面试题，让你写出他的运行结果，受不了~

//打印1到100这些数字。但是遇到数字为3的倍数的时候，打印“Fizz”替代数字，5的倍数用“Buzz”代替，既是3的倍数又是5的倍数打印“FizzBuzz”。
for(i=0;++i<101;console.log(i%5?f||i:f+'Buzz'))f=i%3?'':'Fizz'

var y=[];
for(i=1;i<101;i++){
    if(!(i%3)&&!(i%5)){y.push('FizzBuzz');}
    else if(!(i%3)){y.push('Fizz');}
    else if(!(i%5)){y.push('Buzz');}
    else {y.push(i);}
}
console.log(y);