JS ‘ + ‘ 运算符还可以这么用!

97 阅读1分钟

我正在参加「掘金·启航计划」

相信很多同学在实际应用中都会用'+'将String数据转换为Number数据吧。但是不是会遇到一些坑呢,导致出现一些莫名奇妙的bug。No 着急,看完这篇小分享,会让你避坑!避坑!避坑!避坑!

1. '+' 将字符串类型的数字转换为数值型
但字符串中最多只能出现负号、小数点,不然会得到NAN

image.png

2. '+' 将空字符串转换为数值0

image.png

3. '+'null转换为数值0

image.png

4. '+'undefined转换为NAN

image.png

了解到这,'+' 就有一个妙用了: 用来做非空判断是极好的
业务场景:
    有一个这样子的需求:数据中字段temp如果为空值(没有值:空字符串、nullundefined)或者为0Number)时,就在页面显示'-';否则就显示temp;
    此时用temp && +temp!==0 为判断条件就可以实现

image.png

注意: obj.temp===null || obj.temp===undefined || obj.temp === ' '; // 这三种情况是被obj.temp是否为真过滤出来的

image.png

下期出详细的文章介绍判断obj.temp为真假可以应用在那些具体场景~~

若有同学想了解更多 ' 字符串转换为数值 ' 的方法可以看作者之前写过的一篇分享:juejin.cn/post/710717…

每日一言:林花谢了春红,太匆匆。无奈朝来寒雨,晚来风。 --相见欢·林花谢了春红

--转载或者引用本文内容请注明来源及原作者;