javascript史上最拽的玩法

摘要:在JavaScript世界中,有些操作會讓你無法理解,但是卻無比優雅,如果你真正了解這些,BAT公司任你選。(文章後面有驚喜)

一、5種方式實現值交換

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; (小學奧賽題)

二、去掉小數部分

parseInt(num)~~numnum >> 0num | 0

三、判斷 x 是否是整數

function isInt(x) { return (x ^ 0) === x}// return Math.round(x) === x// return (typeof x === 'number') && (x % 1 === 0)// ES6 -> Number.isInteger()

四、遞歸求階乘

function factorial(n) { return (n > 1) ? n * f(n - 1) : n}

五、判斷符號是否相同

function sameSign(a, b) { return (a ^ b) >= 0}

六、克隆數組

arr.slice(0)

七、數組去重

// ES6Array.from(new Set(arr))// ES5arr.filter(function(ele, index, array){ return index===array.indexOf(ele)})

八、數組最大值

function maxArr(arr) { return Math.max.apply(null, arr)}

九、數組最小值

function minArr(arr) { return Math.min.apply(null, arr)}

十、隨機獲取數組的一個成員

function randomOne(arr) { return arr[Math.floor(Math.random() * arr.length)]}

十一、產生隨機顏色

function getRandomColor() { return `#${Math.random().toString(16).substr(2, 6)}`}

十二、隨機生成指定長度的字元串

function randomStr(n) { let standard = 'abcdefghijklmnopqrstuvwxyz9876543210' let len = standard.length let result = '' for (let i = 0; i < n; i++) { result += standard.charAt(Math.floor(Math.random() * len)) } return result}

十三、深拷貝

JSON.parse(JSON.stringify(obj))

十四、列印出來看看

console.log(([][[]] + [])[+!![]] + ([] + {})[!+[] + !![]])console.log((!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] * ~+[]])

十五、美化console

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

Advertisements

文章下邊有驚喜

很有很多種神操作,如果大家有興趣可以多多嘗試一下。

關注我的頭條號,私信我「web」,即可發給「某知名培訓機構全套全段視頻資料(網盤鏈接)」。如果給我評論,會有更多驚喜等你來拿

我的目標:做最好最全的前端資源分享

Advertisements

你可能會喜歡