uni-app全等于在判断数字或字符串时存在bug

uni-app全等于在判断数字或字符串时存在bug

项目信息 详细信息
产品分类 uni-app x/App
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 13.3.1
HBuilderX版本号 3.99
手机系统 Android
手机系统版本号 Android 14
手机厂商 小米
手机机型 小米 14

示例代码：

    const str = '1a';  
const a = str.charAt(0);  
const b = str.charAt(1);  
console.log(a == '1', a === '1', b == 'a', b === 'a'); // true,  false,  true,  false  
    console.log('1' === '1', 'a' === 'a'); // true,  true

操作步骤： 如代码所示

预期结果： true

实际结果： false

bug描述： 如代码所示


更多关于uni-app全等于在判断数字或字符串时存在bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

经测试，在app和h5 的环境都为true true true true

更多关于uni-app全等于在判断数字或字符串时存在bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html


那估计是系统版本问题，反正我这边就是 false。

回复 h***@geely.com: 笑死

在 uni-app 中，使用全等运算符 === 进行数字或字符串的比较时，通常不会存在特定的 bug。全等运算符 === 在 JavaScript 中是比较严格的操作符，它不仅会比较值，还会比较类型。因此，如果你在使用 === 时遇到问题，可能是由于以下原因：

1. 类型不一致

  • 如果你比较的两个值类型不同，=== 会直接返回 false。例如：
    console.log(123 === "123"); // false
    这里 123 是数字类型，而 "123" 是字符串类型，所以 === 返回 false。

2. 隐式类型转换

  • 如果你期望 === 进行隐式类型转换，那么它不会满足你的需求。=== 不会进行任何类型转换。如果你需要类型转换，可以使用 == 运算符，但它可能会导致一些意想不到的结果。

3. NaN 的特殊情况

  • NaN 是 JavaScript 中一个特殊的值，表示“非数字”。NaN 与任何值（包括它自己）都不相等：
    console.log(NaN === NaN); // false
    如果你需要判断一个值是否是 NaN，可以使用 isNaN() 函数或 Number.isNaN() 方法。

4. 浮点数精度问题

  • 在 JavaScript 中，浮点数的比较可能会因为精度问题导致意外的结果。例如：
    console.log(0.1 + 0.2 === 0.3); // false
    这是因为 0.1 + 0.2 的结果实际上是 0.30000000000000004，而不是 0.3。

5. 字符串比较

  • 字符串的比较是区分大小写的。例如：
    console.log("hello" === "Hello"); // false
    如果你需要不区分大小写的比较，可以先将字符串转换为相同的大小写形式：
    console.log("hello".toLowerCase() === "Hello".toLowerCase()); // true

6. 对象和数组的比较

  • === 对于对象和数组的比较是基于引用的，而不是基于内容。即使两个对象或数组的内容相同，如果它们不是同一个引用，=== 也会返回 false：
    console.log({} === {}); // false
console.log([] === []); // false

解决方案

如果你在使用 === 时遇到问题，可以尝试以下方法：

  • 确保比较的两个值类型相同。
  • 使用 == 进行宽松比较（但要注意类型转换可能带来的问题）。
  • 对于浮点数比较，可以使用一个小的误差范围（epsilon）来判断是否相等：
    function areFloatsEqual(a, b, epsilon = 0.00001) {
  return Math.abs(a - b) < epsilon;
}
console.log(areFloatsEqual(0.1 + 0.2, 0.3)); // true
回到顶部