JavaScript 騷操作

白小明發表於2017-10-03
JavaScript

前言

如有錯誤，歡迎批評指正！

技術無極限，唯一的限制是你的想象力！

在JavaScript世界中，有些操作會讓你無法理解，但是卻無比優雅。比如下面這些：

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)
~~num
num >> 0
num | 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)複製程式碼

陣列去重

// ES6
Array.from(new Set(arr))

// ES5
arr.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");複製程式碼

相關文章