Js实用小技巧

Js实用小技巧

Js实用小技巧

这是一份​​Js​​​实用小技巧，也可以是一份​​Js​​挨打小技巧，下面的一系列操作虽然能够在一定程度上使代码更加简洁，但是在缺少注释的情况下会降低可读性，所以需要谨慎使用这些黑魔法。

位元算

取整

console.log(~~(11.11)); // 11console.log(11.11 >> 0); // 11console.log(11.11 << 0); // 11console.log(11.11 | 0); // 11console.log(11.11 >>> 0); // 11 // 注意 >>> 不可对负数取整

判断奇偶

console.log(7 & 1); // 1console.log(8 & 1) ; // 0

转换布尔值

console.log(!!7); // trueconsole.log(!!0); // falseconsole.log(!!-1); // trueconsole.log(!!0.71); // trueconsole.log(!!""); // falseconsole.log(!![]); // trueconsole.log(!!{}); // trueconsole.log(!!null); // falseconsole.log(!!undefined); // false

移位运算

console.log(16 >> 1); // 8console.log(16 << 2); // 64console.log(1 >>> 1); // 2

进行值交换

let a = 7;let b = 1;a ^= b;b ^= a;a ^= b;console.log(a); // 1console.log(b); // 7// 也可以借助数组b = [a, a = b][0];// 当然解构赋值更简单[a, b] = [b, a];

判断符号是否相同

let a = 1;let b = 1;console.log((a ^ b) >= 0); // trueconsole.log((a ^ -b) >= 0); // false

检查数字是否不相等

let a = 111;if(a ^ 111) console.log("Not equal");if(a !== 111) console.log("Not equal");if(a ^ 11111) console.log("Not equal"); // Not equal

判断是否2的整数幂

const check = n => !(n & (n - 1));console.log(check(7)); // falseconsole.log(check(8)); // true

条件语句

let bool = true;if(bool) console.log(1); // 1console.log(bool && console.log(1)); // 1

四舍五入取整

const round = n => n + 0.5 * (n > 0 ? 1 : -1) | 0;console.log(round(0)); // 0console.log(round(1.1)); // 1console.log(round(1.6)); // 2console.log(round(-1.1)); // -1console.log(round(-1.6)); // -2

字符串

取随机字符串

console.log(Math.random().toString(16).slice(2)); // c21f331e6ce2b

重复字符串

const repeat = (n, str) => Array(n+1).join(str);console.log(repeat(5, "ab")); // abababababconsole.log("ab".repeat(5)); // ababababab // ES6

创建链接

console.log("Google".link("google.com")); // Google

其他

正确处理异常的方法

try { // something} catch (e) { window.location.href = "+ e.message;}

优雅地证明自己NB

console.log(([][[]]+[])[+!![]]+([]+{})[!+[]+!![]]);

可以替代undefined的操作

console.log(void 0); // undefinedconsole.log(""._); // undefinedconsole.log(1.._); // undefinedconsole.log(0[0]); // undefined

替代Infinity

console.log([-1/0, 1/0]); // [-Infinity, Infinity]

清空数组

let arr = [1];arr.length = 0;console.log(arr); // []

快速判断IE8以下的浏览器

var isIE8 = !+"1";console.log(isIE8); // false // Chrome 87

每日一题

https://github.com/WindrunnerMax/EveryDay

参考

https://zhuanlan.zhihu.com/p/150556186https://zhuanlan.zhihu.com/p/262533240https://github.com/jed/140bytes/wiki/Byte-saving-techniques

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。