javascript 字符串转数字

笔记2024-03-266 人已阅来源:网络

由于JavaScript是一种弱类型语言,变量可以随时变换数据类型。当字符串类型的数值需要转换为数字类型时,JavaScript提供了几种方法来实现这一目的。本文将介绍JavaScript中字符串转数字的方法及其示例。
1.使用Number()方法
Number()方法可以将一个字符串解析为数字类型。如果字符串中仅含数字字符,则将其转换为相应的数字类型。
示例代码:
```

将字符串"123"转换为数字类型:

var num = Number("123");
console.log(typeof num); //输出 "number"
console.log(num); //输出 123

如果字符串中含有非数字字符,将会返回NaN:

var num = Number("hello");
console.log(typeof num); //输出 "number"
console.log(num); //输出 NaN

2.使用parseInt()方法
parseInt()方法将一个字符串转换为整数类型。如果字符串以数字开头,则将其解析为整数类型。但是需要注意的是,如果字符串中包含非数字字符,则该字符及其后面的字符将会被忽略掉。
示例代码:
```

将字符串"123"转换为整数类型:

var num = parseInt("123");
console.log(typeof num); //输出 "number"
console.log(num); //输出 123

如果字符串中含有非数字字符,则返回解析到的数字,忽略后面的非数字字符:

var num = parseInt("123hello");
console.log(typeof num); //输出 "number"
console.log(num); //输出123

3.使用parseFloat()方法
parseFloat()方法将一个字符串解析为浮点数类型。如果字符串中不含有小数点,则将其解析为整数类型。如果字符串中包含小数点,则解析为浮点数类型。需要注意的是,如果字符串中含有非数字字符,则该字符及其后面的字符将会被忽略掉。
示例代码:
```

将字符串"3.14"转换为浮点数类型:

var num = parseFloat("3.14");
console.log(typeof num); //输出 "number"
console.log(num); //输出 3.14

如果字符串中含有非数字字符,则返回解析到的数字,忽略后面的非数字字符:

var num = parseFloat("3.14hello");
console.log(typeof num); //输出 "number"
console.log(num); //输出3.14

总结
JavaScript中字符串转数字有三种常用的方法:Number()、parseInt() 和 parseFloat()。 Number()方法将字符串转换为数字类型,如果字符串中含有非数字字符,则返回NaN。parseInt()和parseFloat()方法将字符串解析为整数或浮点数类型,如果字符串中含有非数字字符,则将其忽略掉。根据实际需求选择合适的方法进行转换。