自学内容网 自学内容网

!=和!==的区别

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

  1. !=(宽松比较):

    • 如果两个操作数的类型不同,它会尝试将它们转换为相同的类型,然后再进行比较。
    • 例如,5 != '5' 在宽松比较下会返回 false,因为字符串 '5' 会被转换为数字 5,然后两个 5 进行比较,结果是相等的。
    • 同样地,null != undefined 在宽松比较下也会返回 false,因为 nullundefined 在比较前会被转换为相同的类型(通常是 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]
}

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

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

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

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

1. 当字段值为 0 时:

  • 使用 !=(宽松比较):

    • 如果 newValue0,而 value 也是 0,则 newValue != value 会返回 false,因为它们的值和类型都相同。
    • 如果 newValue0,而 value 是其他数值(非0),则 newValue != value 会返回 true
    • 如果 newValue0,而 valuenullundefined,则 newValue != value 也会返回 true,因为JavaScript在宽松比较时会将 nullundefined 转换为 Number 类型(在这种情况下,转换为 NaN),而 0 != NaN 返回 true
  • 使用 !==(严格比较):

    • 如果 newValue0,而 value 也是 0,但它们的类型相同(都是 Number),则 newValue !== value 会返回 false
    • 如果 newValue0,而 value 是其他类型(如 nullundefined 或字符串),则 newValue !== value 会返回 true,因为它们的类型不同。

2. 当字段值为空(nullundefined)时:

  • 使用 !=(宽松比较):

    • 如果 newValuenullundefined,而 value 也是 nullundefined(且类型相同),则 newValue != value 会返回 false
    • 如果 newValuenullundefined,而 value 是其他任何值(包括 0),则 newValue != value 会返回 true
  • 使用 !==(严格比较):

    • 如果 newValuenullundefined,而 value 也是相同的 nullundefined(且类型相同),则 newValue !== value 会返回 false
    • 如果 newValuenullundefined,而 value 是其他任何值(包括 0),则无论 value 的值是什么,newValue !== value 都会返回 true,因为它们的类型不同。

结论:

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

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


原文地址:https://blog.csdn.net/seanyang_/article/details/139863642

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!