原文地址: 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");