ECMAScript 之类型转换

ECMAScript中类型转换还是相对比较简单的,毕竟基础类型少嘛。下面我们看下常用的类型转换。

转换为字符串
Boolean,String,Number都有相应的toString()方法进行转化。

示例:

var intTmp = 100;
console.log(intTmp);
console.log(intTmp.toString(16));
console.log(intTmp.toString(8));
console.log(intTmp.toString(2));

var stringTmp = "test strings";
console.log(stringTmp);

var booleanTmp = false;
console.log(booleanTmp.toString());

输出:

qml: 100
qml: 64
qml: 144
qml: 1100100
qml: test strings
qml: false

上面的例子简单的很,大家一看就懂。
这里说明一下Number类型的值转换为字符串的时候可以指定以什么格式转换。如果没有指定基数,那么会使用默认的十进制转化。上面的例子分别使用了16进制,8进制和2进制作为转换基数得到的字符串。

转换为数字
首先,这里先提前说明一点,接下来要介绍的两个函数都是针对字符串的。如果你使用这两个函数来操作其他类型,那么结果会返回NaN。

parseInt
该函数将值转换为整型然后返回转换结果。该函数会扫描字符串直至遇到第一个非数字字符时停止,然后将扫描到的字符串转化为整型值返回。

示例:

 console.log(parseInt("2015-08-03"));

输出:

qml: 2015

parseFloat

该函数将值转换为浮点型然后返回转换结果。该函数会扫描字符串直至遇到第一个小数点,然后知道遇到非数字字符时停止,然后将扫描到的字符串转化为浮点型返回。

在这里可能在小数点前面没有数字,那么该函数会默认在前面加0处理。

示例:

  console.log(parseFloat("3.10"));
  console.log(parseFloat("3.102.23"));
  console.log(parseFloat("3.102.23hello"));
  console.log(parseFloat(".102.23hello"));
  console.log(parseFloat("hello3.102.23hello"));

输出:

qml: 2015
qml: 3.1
qml: 3.102
qml: 3.102
qml: 0.102
qml: NaN

相信大家也都看到了,在转化的时候如果最前面是字符串,那么该函数就罢工了,直接返回NaN,这里大家要留意一下了。

强制类型转换

ECMAScript中强制转换有三种类型:
1.Boolean(value)–将value转化为Boolean
2.Number(value)–将value转化为数字
3.String(value)–将value转化为字符串

Boolean(value)

当被转换的值为非空字符串,非0数字或者是对象的时候,返回true。
当被转换的值为空字符串,0或者undefined以及null,返回false。

示例:

console.log(Boolean("null"));
console.log(Boolean(10));
console.log(Boolean(-1));
console.log(Boolean(0));
console.log(Boolean(""));
console.log(Boolean(null));
console.log(Boolean(new Array()));

输出:

qml: true
qml: true
qml: true
qml: false
qml: false
qml: false
qml: true

Number(value)
Number()的强制转换其本质还是调用上面介绍过的parseInt和parseFloat两个函数。
需要注意的一点是Number()转化的是整个value值,不会去在字符串里面查找无效字符串进行截取然后进行转换。

示例:

console.log(Number("2018"));
console.log(Number("2018.02"));
console.log(Number("2018-02-12"));
console.log(Number("h2018"));
console.log(Number("2018h"));

输出:

qml: 2018
qml: 2018.02
qml: NaN
qml: NaN
qml: NaN

String(value)

这个函数可以说是万能的,它可以把任何值转换为字符串。它和toString()方法的区别在于,如果对空值(null,undefined)使用toString(),程序会报错.

但是对于String()来说,这不是个问题啊。

实例:

console.log(String(null));
console.log(String(15));
console.log(String(15.23));
console.log(String(NaN));
console.log(String("25-45daa"));

var tmp;
console.log(tmp.toString());

var tmp = null;
console.log(tmp.toString());

输出:

qml: null
qml: 15
qml: 15.23
qml: NaN
qml: 25-45daa
qrc:/main.qml:56: TypeError: Cannot call method 'toString' of undefined

qrc:/main.qml:57: TypeError: Cannot call method 'toString' of null
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值