!=和!==的区别

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

  1. !=(宽松比较):

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

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

在你给出的代码示例中:

javascript 复制代码
if (newValue != value) {
    updater[key] = data[key]
}

javascript 复制代码
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 时可能会产生意外的结果。

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

相关推荐
赵小川4 分钟前
Taro 包升级实录 — 从 3.3 到 3.6.3 完整指南
前端·架构
摇滚侠12 分钟前
Spring Boot 3零基础教程,WEB 开发 通过配置类代码方式修改静态资源配置 笔记32
java·spring boot·笔记
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ13 分钟前
mapper.xml sql动态表查询配置
xml·java·sql
_志哥_13 分钟前
解除有些网站不能复制的终极办法
前端·chrome
YuanlongWang15 分钟前
C# 基础——多态的实现方式
java·c#
夜幽青玄18 分钟前
mybatis-plus调用报 org.springframework.dao.DataIntegrityViolationException 错误处理
开发语言·python·mybatis
洲覆19 分钟前
Redis 内存淘汰策略
开发语言·数据库·redis·缓存
愚昧之山绝望之谷开悟之坡28 分钟前
什么是uv和传统的区别
前端·chrome·uv
SRC_BLUE_1737 分钟前
NSSCTF - Web | 【第五空间 2021】pklovecloud
android·前端
偶尔贪玩的骑士38 分钟前
Kioptrix Level 1渗透测试
linux·开发语言·网络安全·php