JS 里的数据类型转换

1, 转换成String字符串类型

  • toString()
    toString方法适用于number类型和boolean类型,如:

true.toString(); // "true"
(11).toString(); // "11"

但是对于null和undefined,使用这种方法会报错,如:

null.toString(); // Cannot read property 'toString' of null
undefined.toString(); // Cannot read property 'toString' of undefined

对于object.toSring方法结果不正确,结果是"[object Object]"

var obj = {}
obj.toString();//"[object Object]"

  • String() 该方法适用于所有数据类型(除了object,结果同toString())

String(obj); // "[object Object]"
String(11); // "11"
String(true); // "true"
String(undefined); // "undefined"

  • '' 即使用+运算符加上空字符串(同样对object无效)

true+""; // "true"
undefined+""; // "undefined"
obj+""; // "[object Object]"
11+""; // "11

2,转换成Number数值类型

  • Number()

Number(324) // 324 // 数值转换后还是原来的值
Number('324') // 324 // 字符串如果可以被解析为数值,则转换为相应的数值
Number('324abc') // NaN // 字符串如果不可以被解析为数值,返回 NaN
Number('') // 0 // 空字符串转为0
Number(true) // 1 Number(false) // 0 // 布尔值true 转成 1,false 转成 0字符串转为0
Number(undefined) // NaN // undefined转成 NaN
Number(null) // 0 // null转成0

  • parseInt()
    parseInt方法用于将字符串转为整数。如:parseInt('123') // 123
    如果字符串头部有空格,空格会被自动去除。parseInt(' 11') // 11
    parseInt的参数不是字符串,则会先转为字符串再转换。
    字符串转为整数的时候,是一个个字符依次转换,如果遇到不能转为数字的字符,就不再进行下去,返回已经转好的部分。如果字符串的第一个字符不能转化为数字(后面跟着数字的正负号除外),返回NaN。

parseInt('12.34') // 12
parseInt('15e2') // 15
parseInt('abc') // NaN
parseInt('.3') // NaN
parseInt('') // NaN
parseInt('+') // NaN
parseInt('+1') // 1

  • parseFloat()
    parseFloat方法用于将一个字符串转为浮点数。如果字符串符合科学计数法,则会进行相应的转换。
    如果字符串包含不能转为浮点数的字符,则不再进行往后转换,返回已经转好的部分。
    parseFloat方法会自动过滤字符串前导的空格。
    如果参数不是字符串,或者字符串的第一个字符不能转化为浮点数,则返回NaN。

parseFloat('3.14') // 3.14
parseFloat('3.14abc') // 3.14
parseFloat('0.0314E+2') // 3.14
parseFloat('') // NaN
parseFloat([]) // NaN

parseFloat的转换结果不同于Number函数,如:

parseFloat(true) // NaN
Number(true) // 1
parseFloat(null) // NaN
Number(null) // 0
parseFloat('') // NaN
Number('') // 0
parseFloat('123.45#') // 123.45
Number('123.45#') // NaN

  • 字符串 - 0,如:'22' - 0
    注:字符串不能有除了数字外的其他字符(正负号和表示进制的标识除外),字符串中,0b、0x、0o开头会以对应表示的进制解析,如果是'011',则会解析成十进制而不是二进制,小数同样可以用这两种方法进行转换。

'011'-0 // 11
'0b11'-0 // 3
'0o11'-0 // 9
'0x11'-0 // 17
'0x11.1'-0 // NaN
'011.1'-0 // 11.1

  • 字符串,这里的+并不是取正值的意思,负数一样可行,如:+ '11'; // 11 , + '-11' ; // -11

3,转换为Boolean布尔类型

  • Boolean()

Boolean("ss"); // true
Boolean({}); // true

  • 双重取反:!! x

!!"ss" ; // true
!!NaN ; // false
!!{} ; // true

  • 五个falsy值,即转换成Boolean后为false的值:
    0 、 NaN 、 null 、 undefined 、‘’(空字符串)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容