JavaScript系列之—字符串类型与数字类型之间的相互转换

目录

JavaScript类型转换

一、字符串类型转换为数字类型

 1、使用前置加号

2、使用Number()

3、使用parseInt()

4、使用parseFloat() 

二、数字类型转换为字符串类型

1、连接空字符串

2、使用toString()

3、使用String()

---

• JavaScript类型转换

• 数字类型转换为字符串
• 字符串类型转换为数字类型

一、字符串类型转换为数字类型

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

// JavaScript字符串类型转为数字类型有四种方式
// 方式一：使用前置加号：
var str = "123";
console.log(+str);         // 输出：123
console.log(typeof(+str)); // 输出：number

// 方式二：使用parseInt()函数：
console.log(parseInt(str));         // 输出：123
console.log(typeof(parseInt(str))); // 输出：number

// 方式三：使用parseInt()函数：
console.log(parseFloat(str));         // 输出：123
console.log(typeof(parseFloat(str))); // 输出：number

// 方式四：使用Number()函数：
console.log(Number(str));         // 输出：123
console.log(typeof(Number(str))); // 输出：number

 1、使用前置加号

• 前置"+" 把对象的值转换成数字类型

var str = "123";
console.log(+str);  //123

2、使用Number()

• Number() 函数把对象的值转换为数字。
• 只能将纯“数字型字符串”转换为数字，不能将其他字符串（字符串内包含有数字字符）转换为数字，如果字符串中出现非数字的字符，将返回NaN。

比如"123"、“3.1415"等这些只有数字的字符串即“数字型字符串”，而"Hello123”、"12px"等就不是。

let Num = "20.345"  
console.log(Num + 100) //数字加法 20.345
console.log(Number(Num)+100) //字符串拼接 20.345

Number("123") //123
Number("12.345") //12.345
Number("hello123") //NaN
Number("12rpx") // NaN

3、使用parseInt()

• 将字符串型转换成整数数值类型
• 可以转换带单位的数字，或者负数。

parseInt()会从左到右进行判断，如果第一个字符是数字，则继续判断，直到出现非数字为止（小数点也是非数字）；如果第一个字符是非数字，则直接返回NaN。

parseInt("123")   //123
parseInt("123px")   123


let result="120.567px"; //后缀字母数字，整数，负数（向下取整） 
console.log(parseInt(result)); //120

4、使用parseFloat() 

• 将字符串型转换成浮点数数值类型
• 提取“首字母为数字的任意字符串”中的数字，不仅会提取整数部分，还会提取小数部分。

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

parseFloat("3.1415")   //3.1415
parseFloat("csdn123.456")  //123.456
parseFloat("123.456csdn")  //123.456

二、数字类型转换为字符串类型

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

1、连接空字符串

var number = 123;
console.log(number + "");         // 输出："123"
console.log(typeof(number + "")); // 输出：string

2、使用toString()

console.log(number.toString());         // 输出："123"
console.log(typeof(number.toString())); // 输出：string

3、使用String()

console.log(String(number));         // 输出："123"
console.log(typeof(String(number))); // 输出：string