JavaScript 一元正号运算符

简介: 本文JavaScript 一元正号运算符,适合JavaScript初学者。


一元正号介绍


一元正号运算符(+)位于其操作数前面,计算其操作数的数值,如果操作数不是一个数值,会尝试将其转换成一个数值。尽管一元负号也能转换非数值类型,但是一元正号是转换其他对象到数值的最快方法,也是最推荐的做法,因为它不会对数值执行任何多余操作。


转换字符串


一元正号可以用于转换数值字符串为数字,比如如下代码:


+ "123" // 123
+ "12.3" // 12.3


也可以转换二进制、16进制数值、自然底数的字符串:


+ "0x11" // 17
+ "0b11" // 3
+ "1e10" // 10000000000


看起来 和parseFloat功能类似,但是parseFloat支持字符串后面部分不为数字的情况,一元正号却不行,比如:


parseFloat("1px") // 1
+ "1px" // NaN


如果是空字符串或者多个空格组成的字符串,一元正号会转换为0,parseFloat 结果为NaN


+ ' ' // 0
parseFloat(' ') // NaN


负数形式字符串也可以转换成数值,但是对于十六进制 二进制不适用,对于自然底数适用(parseFloat 都适用):


+'-123' // 123
+ "-0x11" // NaN
+ "-0b11" // NaN
+ "-1e10" // -10000000000


转换日期对象


一元正号转换日期对象为数字,得到时间戳,比如如下代码:


+ new Date(); // 1561020101609


相当于如下代码:


new Date().getTime(); // 1561020101609


转换null、undefined、NaN


一元正号会把null转换为0,undefined 转换为NaN。一元正号施加于NaN,结果还是NaN。代码如下:


+ null // 0
+ undefined // NaN
+ NaN // NaN


转换布尔值


一元正号会把true 转换为1,false转换为0:


+ true;// 1
+ false;// 0


转换数组


一元正号会把空数组[],转换为0。如果数组只有一个元素,切第一个元素为数字或者字符串,会对第一个元素进行转换,如果有多个元素,返回NaN,代码如下:


+ []// 0
+ ['123'] // 123
+ [true] // NaN
+ [1,2] // NaN


总结


一元正号运算符对于数字字符串和日期的转换比较适用。

相关文章
|
1天前
|
JavaScript 前端开发
JavaScript 运算符
JavaScript 运算符
11 3
|
13天前
|
JavaScript 前端开发
JavaScript 中的 typeof 运算符
【8月更文挑战第29天】
13 1
|
21天前
|
JavaScript 前端开发 安全
深入理解JavaScript中的比较运算符
深入理解JavaScript中的比较运算符
|
27天前
|
前端开发 JavaScript 程序员
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
聊聊前端 JavaScript 的扩展运算符 “...“ 的使用场景
|
28天前
|
JavaScript 前端开发
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
这篇文章详细介绍了JavaScript中的强制类型转换、运算符(包括算术、逻辑、条件、赋值和关系运算符)的使用方法和优先级规则。
JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符
|
2月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
46 1
|
3月前
|
JavaScript 前端开发 开发者
JavaScript进阶-解构赋值与展开运算符
【6月更文挑战第19天】ES6的解构赋值与展开运算符增强了JS开发效率。解构允许直接从数组或对象提取值,简化数据提取,而展开运算符则用于合并数组和对象或作为函数参数。解构时注意设置默认值以处理不存在的属性,避免过度嵌套。展开运算符需区分数组与对象使用,勿混淆于剩余参数。通过示例展示了这两种操作在数组和对象中的应用,提升代码可读性与简洁度。
127 5
|
2月前
|
JavaScript
js【详解】typeof 运算符
js【详解】typeof 运算符
15 0
|
2月前
|
JavaScript 前端开发 数据安全/隐私保护
|
3月前
|
JavaScript 前端开发
JS常见的运算符有哪些?
JS常见的运算符有哪些?
20 0