查看: 2372|回复: 0

[JavaScript/JQuery] javascript史上最拽的玩法

发表于 2018-2-14 08:00:02

摘要:在JavaScript世界中,有些操作会让你无法理解,但是却无比优雅,如果你真正了解这些,BAT公司任你选。

一、5种方式实现值交换
  1. 1. var temp = a; a = b; b = temp; (传统,但需要借助临时变量)
  2. 2. a ^= b; b ^= a; a ^= b; (需要两个整数)
  3. 3. b = [a, a = b][0] (借助数组)
  4. 4. [a, b] = [b, a]; (ES6,解构赋值)
  5. 5. a = a + b; b = a - b; a = a - b; (小学奥赛题)
复制代码
二、去掉小数部分
  1. parseInt(num)
  2. ~~num
  3. num >> 0
  4. num | 0
复制代码
三、判断 x 是否是整数
  1. function isInt(x) {
  2. return (x ^ 0) === x
  3. }
  4. // return Math.round(x) === x
  5. // return (typeof x === 'number') && (x % 1 === 0)
  6. // ES6 -> Number.isInteger()
复制代码
四、递归求阶乘
  1. function factorial(n) {
  2. return (n > 1) ? n * f(n - 1) : n
  3. }
复制代码
五、判断符号是否相同
  1. function sameSign(a, b) {
  2. return (a ^ b) >= 0
  3. }
复制代码
六、克隆数组
  1. arr.slice(0)
复制代码
七、数组去重
  1. // ES6
  2. Array.from(new Set(arr))
  3. // ES5
  4. arr.filter(function(ele, index, array){
  5. return index===array.indexOf(ele)
  6. })
复制代码
八、数组最大值
  1. function maxArr(arr) {
  2. return Math.max.apply(null, arr)
  3. }
复制代码
九、数组最小值
  1. function minArr(arr) {
  2. return Math.min.apply(null, arr)
  3. }
复制代码
十、随机获取数组的一个成员
  1. function randomOne(arr) {
  2. return arr[Math.floor(Math.random() * arr.length)]
  3. }
复制代码
十一、产生随机颜色
  1. function getRandomColor() {
  2. return `#${Math.random().toString(16).substr(2, 6)}`
  3. }
复制代码
十二、随机生成指定长度的字符串
  1. function randomStr(n) {
  2. let standard = 'abcdefghijklmnopqrstuvwxyz9876543210'
  3. let len = standard.length
  4. let result = ''
  5. for (let i = 0; i < n; i++) {
  6. result += standard.charAt(Math.floor(Math.random() * len))
  7. }
  8. return result
  9. }
复制代码
十三、深拷贝
  1. JSON.parse(JSON.stringify(obj))
复制代码
十四、打印出来看看
  1. console.log(([][[]] + [])[+!![]] + ([] + {})[!+[] + !![]])
  2. console.log((!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] * ~+[]])
复制代码
十五、美化console
  1. console.info("%c哈哈", "color: #3190e8; font-size: 30px; font-family: sans-serif");
复制代码


回复

使用道具 举报