React Native小数加法运算异常 出现字符串拼接而非正确数值和

你贴的示例代码里如果height真的是数字类型56，56 + 0.7的结果必然是56.7。出现560.7的核心原因是运行时height的实际类型是字符串"56"，JS中+运算符只要任意一侧是字符串类型，就会执行字符串拼接而非数值加法："56" + 0.7会先把数字0.7转成字符串"0.7"，最终拼接得到"560.7"，输出时就会显示为你看到的560.7。

• 先在加法逻辑前打印变量类型确认问题：加一行console.log('height类型：', typeof height, 'height值：', height)，如果输出类型为string即可定位问题。
• 顺着height的赋值链路溯源：React Native中TextInput组件的输入值默认返回字符串类型，哪怕输入内容是纯数字；从AsyncStorage、接口响应、本地缓存中读取的数字字段，也经常会被序列化为字符串类型，很容易忽略类型转换。

运算前显式将height转换为数字类型即可，几种常用写法按需选择：

1. 用Number()做标准类型转换，兼容性最好：

// 假设实际运行时height是字符串"56"
var height = "56"
const convertHeight = Number(height) + 0.7
// 计算结果为56.7，符合预期

2. 用一元正号做简写转换，代码更简洁：

const convertHeight = +height + 0.7

3. 用parseFloat()处理，兼容字段前后带非数字字符的场景（比如输入带单位的情况）：

const convertHeight = parseFloat(height) + 0.7

提示：涉及用户输入、外部存储、接口返回的数值类字段，永远不要直接做算术运算，先做类型转换和合法性校验，避免隐式类型转换导致的非预期结果。

内容的提问来源于stack exchange，提问作者MZainurroriziqin Akbar