js运算符的奇淫技巧(继续更新中)

最新推荐文章于 2022-09-30 11:35:30 发布

转载最新推荐文章于 2022-09-30 11:35:30 发布 · 102 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cc11fa75188252e7844951d

本文深入探讨JavaScript中各类数据类型的转换技巧，包括字符串转数字、时间格式转时间戳、任意类型转布尔值、数字取整等实用操作。通过具体示例展示如何使用+、!!、~~等运算符进行高效类型转换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、+ 任意类型转number

var str = '123';
var num = +str;//这里可以用减号吗,答案肯定是可以,可以转成number,只不过是负数，在这里就是-123
console.log(typeof num);//number

console.log(+{});//NaN
console.log(+undefined);//NaN
concole.log(+[]);//0
concole.log(+null);//0
复制代码

2、+ UTC时间格式转时间戳,以下三种想法结果相同

console.log(Date.parse(new Date()));
console.log(new Date("2019/4/25").getTime());
console.log(+new Date());
复制代码

3、!! 任意类型转boolean

console.log(!![]);//true
console.log(!!{});//true
console.log(!!-1);//true
console.log(!!1);//true
console.log(!!'abc');//true
console.log(!!'');//false
console.log(!!0);//false
console.log(!!undefined);//false
console.log(!!null);//false
复制代码

4、 ~~ 任意类型转number更加友好，正数向下取整，负数向上取整

console.log(~~'123');//123
console.log(~~[]);//0
console.log(~~{});//0
console.log(~~false);//0
console.log(~~true);//1
console.log(~~undefined);//0
console.log(~~null);//0
console.log(~~NaN);//0
复制代码

console.log(~~3.123);//3
console.log(~~(10/3));//3
console.log(~~-3.8);//-3
复制代码

5、>>> 取中间值

  var mid = 1 >>> 1;//0
  var mid = 2 >>> 1;//1
  var mid = 3 >>> 1;//1
  var mid = 4 >>> 1;//2
复制代码

6、|向下取整(相当于Math.floor)

    var a = 12.9 | 0;//12
复制代码

7、处理数组参数为undefined

function test(arr){
    var length = (arr||[]).length;
    console.log(length);
}
test();//0
复制代码