为了账号安全,请及时绑定邮箱和手机立即绑定

javascript史上最拽的玩法

标签:
Html5 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)
~~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");
点击查看更多内容
17人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
193
获赞与收藏
758

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消