微信小程序：JS中字符串转数字的正确姿势

在微信小程序开发中，我们经常需要将字符串类型的数字转换为数字类型。看似简单的操作，却隐藏着一些容易踩的坑。本文将探讨在小程序的JS环境中，正确转换字符串为数字的最佳实践。

## 常见错误：直接使用`+`运算符

很多开发者习惯使用`+`运算符来进行数字转换，比如：

“`javascript
let str = “123”;
let num = +str; // 错误的转换方式
“`

这种方式看似简单，但在实际应用中，可能会导致一些意想不到的问题。例如：

– 当字符串包含非数字字符时，`+`运算符会将整个字符串转换为`NaN`。
– 当字符串以`0`开头时，`+`运算符会将其解析为八进制数，这在某些情况下可能与预期结果不符。

## 正确姿势：使用`parseInt`和`parseFloat`

为了避免上述问题，我们应该使用`parseInt`和`parseFloat`函数来进行字符串转数字。

**`parseInt`函数：** 用于将字符串转换为整数。

“`javascript
let str = “123”;
let num = parseInt(str); // 正确的转换方式
“`

**`parseFloat`函数：** 用于将字符串转换为浮点数。

“`javascript
let str = “123.45”;
let num = parseFloat(str); // 正确的转换方式
“`

## 常见陷阱：进制转换

`parseInt`函数默认情况下会将字符串解析为十进制数。如果字符串以`0`开头，则会将其解析为八进制数。为了避免这种陷阱，我们应该明确指定进制参数。

“`javascript
let str = “012”;
let num = parseInt(str, 10); // 明确指定为十进制数
“`

## 总结

在小程序的JS环境中，使用`parseInt`和`parseFloat`函数是将字符串转换为数字的最佳实践。应避免直接使用`+`运算符，并注意进制转换带来的问题。

**本文图片：[图片链接](/wp-content/uploads/downimg/7.jpg)**