JavaScript中转换数据属性值为数字的方式是否正确？需获有效值或0

你的需求是将目标td元素的data-val属性值转换为数字，确保所有场景下都返回有效数值或0（比如空字符串时返回0），避免NaN干扰后续计算，当前使用的代码如下：

Number($("td[id^='tdCumulativeUnderOverSpendPrevious']").data("val") || 0);

代码有效性说明 #

这段代码能满足你的核心需求：

• jQuery的.data("val")会获取data-val属性值，若属性值为空字符串，会返回空字符串；
• || 0利用逻辑或的短路特性，当左侧为假值（空字符串、undefined、null等）时，自动取右侧的0；
• Number()确保最终结果为数字类型，避免类型不一致问题。

进阶优化（处理更多边缘情况） #

如果需要应对data-val为非数字字符串（比如"abc"）的场景，可以改用更严谨的写法：

const dataVal = $("td[id^='tdCumulativeUnderOverSpendPrevious']").data("val");
const numResult = !isNaN(parseFloat(dataVal)) ? parseFloat(dataVal) : 0;

该写法会先尝试将值解析为浮点数，仅当解析失败时返回0，覆盖更多异常场景。

内容的提问来源于stack exchange，提问作者Karim Ali