下面就是具体的写法,建议大家逐个测试一下,加深印象
转Boolean类型这个较为常用。
!!'a'//true
通过两个取反,可以强制转换为Boolean类型。
!!是将表达式强制转化为bool值的运算,运算结果为true或false,表达式是什么值,结果就是对应的bool值,不再取非。
不是取非再取非的意思!!!
!!false=false; 要注意false和“false” 的区别!!!!!
!!"false"=true;
!!true=true;
!!(NaN || undefined || null || 0 || ' ')=false;
转Number类型String转化为Number;日期输出时间戳。
+'45'//45
+new Date//13位时间戳
会自动转化为Number类型的。日期取时间戳不用new Date().getTime()。
parseIntparseInt这个函数太普通了,怎么能装逼。答案是~~,这种方法还可以将字符串转换成数字类型。向下取整。
~~3.14159//3
~~'5.678'//5
-2.33 | 0 //-2
2.33 >> 0 //2
原理是~是一个叫做按位非的操作,会返回数值的反码,两次取反就是原数。|为位运算符,两个位只要有一个为1,那么结果都为1,否则就为0。>>运算符执行有符号右移位运算。都是二进制操作。 原因在于JavaScript中的number都是double类型的,在位操作的时候要转化成int。
Hex十六进制操作。其实就是一个Array.prototype.toString(16)的用法
看到这个词脑袋里冒出的肯定是CSS的颜色。
做到随机的话可以这样
(~~(Math.random()*(1<<24))).toString(16)
底下的原文链接非常建议去读一下,后三个技巧都是在那里学到的。
«
左移操作。这个操作特别叼。一般得玩 C 玩得多的,这个操作会懂一些。一般半路出家的前端码农可能不太了解(说的是我 ☹)。
这个也是二进制操作。将数值二进制左移
解释上面的1<<24的操作。
其实是1左移24位。000000000000000000000001左移24位,变成了1000000000000000000000000
不信?
试着在console粘贴下面的代码
parseInt('1000000000000000000000000', 2) === (1 << 24)
其实还有一种更容易理解的方法来解释
Math.pow(2,24) === (1 << 24)
因为是二进制操作,所以速度是很快的。
短路表达式,弃用if-else反面示例:
if () { // ... } else if () { // ... } else { // ... }
用 || 和 &&来简化if-else 。有时候用 !! 操作符也能简化if-else模式。例如这样:
let a = b || 1;//b为真,a=b;b为假,a=1; let c = b && 1;//b为真,c=1;b为假,c=b; // 使用!!符号 let isValid = !!(value && value !== 'error');
“!”是取反操作,两个“!”自然是负负得正了。比较常用的是||。
另外一种undefined
let data = void 0; // undefined
void 运算符 对给定的表达式进行求值,然后返回 undefined。
那为什么要用void 0,不直接undefined呢? undefined在javascript中不是保留字。因此在IE5.5~8中我们可以将其当作变量那样对其赋值(IE9+及其他现代浏览器中赋值给undefined将无效)。采用void方式获取undefined更准确。
let num = 2.443242342; num = num.toFixed(4); //"2.4432"
注意, toFixed() 方法返回的是字符串而不是一个数字。
单行写一个评级组件let rate = 3; "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);//"★★★☆☆"
slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分stringObject.slice(start,end)
金钱格式化//正则 let cash = '1234567890' cash.replace(/\B(?=(\d{3})+(?!\d))/g, ',');//"1,234,567,890" //非正则的优雅实现 function formatCash(str) { return str.split('').reverse().reduce((prev, next, index) => { return ((index % 3) ? next : (next + ',')) + prev }) } formatCash(cash);//"1,234,567,890"
非正则的方法,先把字符串转成了数组,反转了一下变成了[0,9,8,7,6,5,4,3,2,1]。再对新的数组进行reduce操作,数组元素位置除3取余,是3的倍数的位置就增加',',最后返回累加的字符串。
标准JSON的深拷贝let a = { a1: 1, b1: { c: 1, d: 2 } }; let b=JSON.parse(JSON.stringify(a)); b;//{a1: 1, b1: {…}}
不考虑IE的情况下,标准JSON格式的对象蛮实用,不过对于undefined和function的会忽略掉。
数组去重阿里面试官,喜欢问这个问题。