JS数据类型转换

JS有5种简单数据类型(也称基本数据类型):undefinednullBooleanNumberString。还有两种复杂数据类型——symbol(不做多介绍)和Object,对象本质上是由一组无序的名值对组成的,ECMAScring不支持任何创建自定义类型的机制,而所有值最终都将是上述7种数据类型之一。

数据类型的相互转换(强制转换)

强制转换主要指使用NumberStringBoolean三个函数,手动将各种类型的值,分布转换成数字、字符串或者布尔值。

任意数据类型转字符串

String(x)函数可以将任意类型的值转化成字符串,转换规则如下:

1
2
3
4
5
6
7
8
9
10
11
String(1)//"1" 数值:转为相应的字符串

String(true)//"true" 布尔值:true转为字符串"true",false转为字符串"false"。

String(null)//"null" 转为字符串"null"。

String(undefined)//"undefined" 转为字符串"undefined"。

String({})//"[Object Object]" 对象,返回一个类型字符串;

String([1, 2, 3]) // "1,2,3" 数组,返回该数组的字符串形式。

toString()方法也可以将数据转化为字符串形式,不过undefinednull没有这个方法。

1
2
3
4
5
6
7
8
9
10
11
12
(1).toString()  //"1"

true.toString() //"true"

null.toString() //Uncaught TypeError: Cannot read property 'toString' of null
// at <anonymous>:1:6

undefined.toString() //Uncaught TypeError: Cannot read property 'toString' of undefined
//at <anonymous>:1:11
{}.toString() //Uncaught SyntaxError: Unexpected token .

({}).toString() //"[object Object]"

老司机用法:x+''

1
2
3
4
5
6
7
1+''  //  "1"
true+'' // 'true'
null+'' // 'null'
undefined+'' // 'undefined'
{}+'' // 0
var o = {}
o+ '' //{object Object}

任意数据类型转数字

  • Number(x)
  • parselnt(x,10)MDN
  • parseFloat(x)MDN
  • x-0
  • +x

原始类型值的转换规则如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 数值:转换后还是原来的值
Number(324) // 324

// 字符串:如果可以被解析为数值,则转换为相应的数值
Number('324') // 324

// 字符串:如果不可以被解析为数值,返回 NaN
Number('324abc') // NaN

// 空字符串转为0
Number('') // 0

// 布尔值:true 转成 1,false 转成 0
Number(true) // 1
Number(false) // 0

// undefined:转成 NaN
Number(undefined) // NaN

// null:转成0
Number(null) // 0

Number函数将字符串转为数值,要比parseInt函数严格很多。基本上,只要有一个字符无法转成数值,整个字符串就会被转为NaN,parseInt逐个解析字符,而Number函数整体转换字符串的类型,另外,parseInt和Number函数都会自动过滤一个字符串前导和后缀的空格。
对象
简单的规则是,Number方法的参数是对象时,将返回NaN,除非是包含单个数值的数组。

1
2
3
Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5


任意数据类型转布尔值

  • Boolean(x)函数可以将任意类型的值转为布尔值.
  • !!x

五个falsy值转换结果为false,其他的值全部为true。
0 NaN '' null undefined

falsy是在Boolean上下文中认定可转换为false的值。JavaScript在需要用到布尔类型的上下文中使用强制类型转换(Type Conversion)将值转换为布尔值,比如:在条件语句或循环语句中

注意,所有对象(包括空对象)的转换结果都是true,甚至连false对应的布尔对象new Boolean(false)也是true。

数据类型的相互转换(自动转换)

到以下三种情况时,JavaScript 会自动转换数据类型,即转换是自动完成的,用户不可见。
第一种情况,不同类型的数据互相运算。

1
123 + 'abc' // "123abc"

第二种情况,对非布尔值类型的数据求布尔值。

1
2
3
if ('abc') {
console.log('hello')
} // "hello"

第三种情况,对非数值类型的值使用一元运算符(即+和-)。

1
2
+ {foo: 'bar'} // NaN
- [1, 2, 3] // NaN

自动转换的规则是这样的:预期什么类型的值,就调用该类型的转换函数。比如,某个位置预期为字符串,就调用String函数进行转换。如果该位置即可以是字符串,也可能是数值,那么默认转为数值。

由于自动转换具有不确定性,而且不易除错,建议在预期为布尔值、数值、字符串的地方,全部使用Boolean、Number和String函数进行显式转换。

-------------本文结束感谢您的阅读~ -------------
0%