JavaScript“字符串”与“数字”之间的转换

简述

在JavaScript中，要将字符串转换为数字，可以使用两种方式。

• Number();
• parseInt()和parseFloat();

Number()方法可以将任何“数字型字符串”转换为数字。比如"123"、“3.1415"等这些只有数字的字符串即“数字型字符串”，而"hao123”、"100px"等就不是。
parseInt()和parseFloat是提取“首字母为数字的任意字符串”中的数字，其中parseInt()提取的是整数部分，parseFloat()不仅会提取整数部分，还会提取小数部分。

---

Number()的使用

直接看例子：

<script type="text/javascript">
	document.write("Number(\"123\"):" + Number("123") + "<br/>");
	document.write("Number(\"3.1415\"):" + Number("3.1415") + "<br/>");
	document.write("Number(\"csdn123\"):" + Number("csdn123") + "<br/>");
	document.write("Number(\"123px\"):" + Number("123px") + "<br/>");
</script>

NaN表示这是一个“Not a Number（非数字）”，从中可以看出，Number()方法只能将纯“数字型字符串”转换为数字，不能将其他字符串（即使字符串内有数字字符）转换为数字。

---

parseInt()和parseFloat()的使用

很多时候我们需要提取类似"100px"中的数字，这个时候就应该使用parseInt()和parseFloat()。

<script type="text/javascript">
	document.write("parseInt(\"123\"):" + parseInt("123") + "<br/>");
	document.write("parseFloat(\"3.1415\"):" + parseFloat("3.1415") + "<br/>");
	document.write("parseFloat(\"csdn123.456\"):" + parseFloat("csdn123.456") + "<br/>");
	document.write("parseFloat(\"csdn123.456\"):" + parseFloat("123.456csdn") + "<br/>");
	document.write("parseInt(\"123px\"):" + parseInt("123px") + "<br/>");
</script>

parseInt()会从左到右进行判断，如果第一个字符是数字，则继续判断，直到出现非数字为止（小数点也是非数字）；如果第一个字符是非数字，则直接返回NaN。但是这里第一个字符不是数字，而是加号（+）或减号（-），parseInt()同样也是可以转换的。

parseFloat()跟parseInt()非常类似，都是从第一个字符从左到右开始判断。如果第一个字符是数字，则继续判断，直到出现除了数字和小数点之外的字符为止；如果第一个字符是非数字，则直接返回NaN。在首字母是+、-或数字的字符串中，不管是整数部分，还是小数部分，parseFloat()同样可以转换。

---

“数字”转换为“字符串”

在JavaScript中，要将数字转换为字符串，也有两种方式。

• 与空字符串相加
• toString()

示例：

<script type="text/javascript">
	var a = 2022 + "";
	var b = 2022 + a;
	document.write(typeof(a) + "<br/>");
	document.write(typeof(b) + "<br/>");
	var c = b.toString();
	document.write(typeof(c) + "<br/>");
</script>