!=和!==的区别

在JavaScript中，!= 和 !== 是两种不同类型的比较运算符，它们之间的主要区别在于它们如何处理比较中的类型转换（也称为“强制类型转换”或“宽松比较”与“严格比较”）。

1. !=（宽松比较）:

   • 如果两个操作数的类型不同，它会尝试将它们转换为相同的类型，然后再进行比较。
   • 例如，5 != '5' 在宽松比较下会返回 false，因为字符串 '5' 会被转换为数字 5，然后两个 5 进行比较，结果是相等的。
   • 同样地，null != undefined 在宽松比较下也会返回 false，因为 null 和 undefined 在比较前会被转换为相同的类型（通常是 Number），但在这个特定情况下，它们都转换为 NaN，而 NaN 与任何值（包括它自身）的比较结果都是 false。

2. !==（严格比较）:

   • 它不仅比较两个操作数的值，还比较它们的类型。
   • 如果两个操作数的类型不同，或者它们的值不同，那么严格比较的结果就是 true。
   • 例如，5 !== '5' 在严格比较下会返回 true，因为尽管它们的值看起来相同，但一个是数字类型，另一个是字符串类型。
   • 同样地，null !== undefined 在严格比较下也会返回 true，因为它们的类型不同。

在你给出的代码示例中：

if (newValue != value) {
    updater[key] = data[key]
}

和

if (newValue !== value) {
    updater[key] = data[key]
}

如果 newValue 和 value 的类型不同但值可以相互转换（例如一个是数字 5，另一个是字符串 '5'），那么第一个 if 语句（使用 !=）中的条件会评估为 false，而第二个 if 语句（使用 !==）中的条件会评估为 true。

因此，选择使用 != 还是 !== 取决于你的具体需求。如果你只关心值是否相等（不考虑类型），那么可以使用 !=。但如果你同时关心值和类型是否都相等，那么应该使用 !==。

对于一个为数值的字段，值为0或者为空，在这两种写法下，是true还是false?

对于一个数值字段，如果字段的值为 0 或者为空（在JavaScript中，空值通常表示为 null 或 undefined），那么这两种比较运算符（!= 和 !==）的行为会有所不同。

1. 当字段值为 0 时：

• 使用 !=（宽松比较）：

  • 如果 newValue 是 0，而 value 也是 0，则 newValue != value 会返回 false，因为它们的值和类型都相同。
  • 如果 newValue 是 0，而 value 是其他数值（非0），则 newValue != value 会返回 true。
  • 如果 newValue 是 0，而 value 是 null 或 undefined，则 newValue != value 也会返回 true，因为JavaScript在宽松比较时会将 null 和 undefined 转换为 Number 类型（在这种情况下，转换为 NaN），而 0 != NaN 返回 true。

• 使用 !==（严格比较）：

  • 如果 newValue 是 0，而 value 也是 0，但它们的类型相同（都是 Number），则 newValue !== value 会返回 false。
  • 如果 newValue 是 0，而 value 是其他类型（如 null、undefined 或字符串），则 newValue !== value 会返回 true，因为它们的类型不同。

2. 当字段值为空（null 或 undefined）时：

• 使用 !=（宽松比较）：

  • 如果 newValue 是 null 或 undefined，而 value 也是 null 或 undefined（且类型相同），则 newValue != value 会返回 false。
  • 如果 newValue 是 null 或 undefined，而 value 是其他任何值（包括 0），则 newValue != value 会返回 true。

• 使用 !==（严格比较）：

  • 如果 newValue 是 null 或 undefined，而 value 也是相同的 null 或 undefined（且类型相同），则 newValue !== value 会返回 false。
  • 如果 newValue 是 null 或 undefined，而 value 是其他任何值（包括 0），则无论 value 的值是什么，newValue !== value 都会返回 true，因为它们的类型不同。

结论：

• 对于数值字段，如果字段的值为 0，并且你只想检查值是否相等（不考虑类型），那么使用 != 和 value === 0 都可以。但如果要考虑类型，你应该使用 !==。
• 如果字段的值为空（null 或 undefined），并且你想要检查它是否为空，那么使用 === 和 !== 更为明确，因为 ==（宽松等于）在处理 null 和 undefined 时可能会产生意外的结果。

最佳实践是尽可能使用 === 和 !== 来进行比较，以避免由于隐式类型转换而导致的问题。