[转] JavaScript 骚操作

原文地址: https://juejin.im/post/5e42826551882549063a7b7c

1. 生成随机ID

    // 生成长度为10的随机字母数字字符串
    Math.random().toString(36).substring(2);
复制代码

2. 每秒更新当前时间

setInterval(()=>document.body.innerHTML=new Date().toLocaleString().slice(10,18))
复制代码

3. 生成随机 16 进制颜色码如 # ffffff

'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
复制代码

4. 返回键盘

// 用字符串返回一个键盘图形
(_=>[..."`1234567890-=~~QWERTYUIOP[]\~ASDFGHJKL;'~~ZXCVBNM,./~"].map(x=>(o+=`/${b='_'.repeat(w=x<y?2:' 667699'[x=["BS","TAB","CAPS","ENTER"][p++]||'SHIFT',p])}\|`,m+=y+(x+'    ').slice(0,w)+y+y,n+=y+b+y+y,l+=' __'+b)[73]&&(k.push(l,m,n,o),l='',m=n=o=y),m=n=o=y='|',p=l=k=[])&&k.join`
`)()
复制代码

5. 优雅的取整

var a = ~~2.33   ----> 2
var b = 2.33 | 0   ----> 2
var c = 2.33 >> 0   ----> 2

6.优雅的金钱格式化

1、使用正则实现
var test1 = '1234567890'
var format = test1.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
console.log(format) // 1,234,567,890
2、使用骚操作
function formatCash(str) {
       return str.split('').reverse().reduce((prev, next, index) => {
            return ((index % 3) ? next : (next + ',')) + prev
       })
}
console.log(format) // 1,234,567,890
复制代码

7. 五种方法实现值交换


1. var temp = a; a = b; b = temp; (传统，但需要借助临时变量)
 
2. a ^= b; b ^= a; a ^= b; (需要两个整数)
 
3. b = [a, a = b][0] (借助数组)
 
4. [a, b] = [b, a]; (ES6，解构赋值)
 
5. a = a + b; b = a - b; a = a - b; (小学奥赛题)
复制代码

8. 实现深拷贝

var b = JSON.parse(JSON.string(a))
复制代码

9. 去掉小数部分

//下面几种方式都行
parseInt(num)
 
~~num
 
num >> 0
 
num | 0
复制代码

10. 递归求阶乘


function factorial(n) {
 
  return (n > 1) ? n * f(n - 1) : n
 
复制代码

11. 打印试试


console.log(([][[]] + [])[+!![]] + ([] + {})[!+[] + !![]])
 
console.log((!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] * ~+[]])
复制代码

12. console美化

console.info("%c哈哈", "color: #3190e8; font-size: 30px; font-family: sans-serif");

[转] JavaScript 骚操作

猜你喜欢