美文网首页
JS 里的数据类型转换

JS 里的数据类型转换

作者: 成成成汤 | 来源:发表于2019-04-14 14:30 被阅读0次

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 、‘’(空字符串)

相关文章

  • JS 里的数据类型转换

    JS 里的数据类型转换 Js中的数据类型一共有7种,即number,string,boolean,underfin...

  • 2、强制数据类型转换

    数据类型转换: 在js中,数据类型的转换有两种,分别是自动转换和强制转换 自动转换: 自动转换是用JS进行某些操作...

  • JS里的数据类型转换

    上一篇文章(JS里的数据类型)介绍了js中的数据类型。这篇主要介绍数据类型转换。 一、任意类型转字符串 转换成st...

  • JS里的数据类型转换

    在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。 1, 显式数据类型转换 a:转数字: 1)Numb...

  • JavaScript的显式转换和隐式转换

    js的显式转换和隐式转换都是数据类型的转换;js的数据类型是弱类型的,即可以给变量赋值为任意的数据类型,当进行运算...

  • javaScript中数据类型转换方法

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • 数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • JS隐式数据类型转换

    隐式数据类型转换介绍 前面有总结过 JS数据类型转换 Number(), toString(), parseInt...

  • JS的基本小结

    JS基本输出方式 JS数据类型 变量 常量 变量常量小练习 声明提前 隐式转换 显示转换/强制转换

  • JS 里的数据类型转换

    JS 里的数据类型转换 某类型转换为字符串的方法eg.var a=4 用 变量.toString()方法,a.to...

网友评论

      本文标题:JS 里的数据类型转换

      本文链接:https://www.haomeiwen.com/subject/kfnjwqtx.html