JavaScript骚操作

52

在JavaScript世界中,有些操作会让你无法理解,但是却无比优雅。比如下面这些:
3e630000bc75493a7458

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");


相信还是有想要学习或者了解web前端编程的小伙伴,可以来我的web前端学习裙哦575308719可以免费领取精品的web前端学习教程哦!

你可能感兴趣的

11 条评论
sutaojie · 2018年06月27日

可以用异或运算来取整

121.8^0
// 121

+3 回复

改名字很伤神 · 2018年06月27日

十脸懵逼系列

  1. ^是什么运算符?
  2. JSON.parse(JSON.stringify(obj))直接写深拷贝不妥吧。

回复

1

^ “异或运算”有一个特殊运用,连续对两个数a和b进行三次异或运算,互换两个变量的值。

sutaojie · 2018年06月27日
0

如果obj中没有方法或者循环引用就没什么问题

Jemair · 2018年06月28日
0

@Jemair 而如果要排除这种如果,应该改成数据对象的深拷贝

改名字很伤神 · 2018年06月28日
xsfxtsxxr · 2018年06月30日

很骚

回复

越过山丘 · 2018年07月04日

骚倒是够骚,不过都是些奇淫技巧不是正道

回复

seeyouagain · 2018年07月05日

里面的东西都在js奇技淫巧中都讲过,

回复

最好的陪521yyf · 2018年07月06日

console.log(([][[]] + [])[+!![]] + ([] + {})[!+[] + !![]]);//nb
console.log((!(~+[]) + {})--[~+''] [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] ~+[]]);//sb
为什么会这样呢? 有大神解释一下吗?

回复

0

我也想知道

yummy · 2018年08月28日
0

我知道了,拆分来看就明白了
([][[]] + []) ==> undefined
[+!![]] ==> [1]

([] + {}) ==> [object Object]
[!+[] + !![]] ==> [2]

第二个也一样

yummy · 2018年08月29日
载入中...