0

0

如何安全地比较javascript中的值_为什么使用==和===会有不同结果?

夜晨

夜晨

发布时间:2026-01-06 21:13:02

|

214人浏览过

|

来源于php中文网

原创

=== 要求值和类型都严格一致,== 会触发抽象相等算法进行类型转换;null == undefined 是唯一类型不同却为 true 的特例;对象、数组、函数比较只看引用,不比内容。

如何安全地比较javascript中的值_为什么使用==和===会有不同结果?

== 和 === 在 JavaScript 中的底层行为差异

使用 == 会触发类型转换,而 === 要求值和类型都严格一致。这不是“松散 vs 严格”的抽象描述,而是具体执行路径不同:当两边类型不同时,== 会按抽象相等算法(Abstract Equality Comparison)调用 ToNumberToStringToBoolean 等强制转换逻辑;=== 遇到类型不同时直接返回 false,跳过任何转换。

常见错误现象包括:

  • 0 == falsetruefalse 被转为 0
  • '' == falsetrue(空字符串转为 0,再与 false 比较)
  • [] == ![]true(左边转为空字符串,右边先取反得 false,再转为 0,最终比较 '' == 0

哪些值用 == 容易掉进陷阱

以下组合在使用 == 时结果违反直觉,但用 === 全部为 false

  • null == undefinedtrue(这是唯一一对类型不同却相等的特例)
  • '0' == falsetrue(字符串 '0' 转为数字 0,再与 false 比较)
  • [0] == falsetrue(数组被 toString() 转为 '0',再走上面路径)
  • new String('abc') == 'abc'true(包装对象被拆箱)

这些不是边缘 case,而是日常处理表单输入、API 返回值或 DOM 属性时高频出现的问题。

立即学习Java免费学习笔记(深入)”;

什么时候可以安全用 ==

极少。仅在明确需要容忍 nullundefined 同等对待时,obj.val == null 是惯用写法(等价于 obj.val === null || obj.val === undefined)。除此之外,没有其他合理场景。

ColorMagic
ColorMagic

AI调色板生成工具

下载

现代代码中更推荐显式判断:

  • 检查是否为假值:if (!value)(适用于 0''nullundefinedfalseNaN
  • 检查是否为 nullundefinedvalue == null 可接受,但需清楚它只对这两个值有效
  • 所有其他比较一律用 ===

对象和数组的比较不能靠 == 或 ===

===== 对对象、数组、函数都只比较引用,不比较内容。即使两个数组字面量完全一样,[1,2] === [1,2] 也是 false

若需内容比较,必须手动实现或使用工具函数:

function deepEqual(a, b) {
  if (a === b) return true;
  if (a == null || typeof a !== 'object' || b == null || typeof b !== 'object') return false;
  const keysA = Object.keys(a), keysB = Object.keys(b);
  if (keysA.length !== keysB.length) return false;
  for (let key of keysA) {
    if (!keysB.includes(key) || !deepEqual(a[key], b[key])) return false;
  }
  return true;
}

注意:这个简易版本不处理循环引用、DateRegExp 等特殊类型。生产环境建议用 lodash.isEqualfast-deep-equal

真正容易被忽略的是:很多人以为 == 能“智能”比较数组,结果在条件分支里埋下静默 bug —— 它根本没进内容比较逻辑,只是比了内存地址。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1010

2023.08.02

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

254

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1089

2024.03.01

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

846

2023.08.22

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

760

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

649

2023.11.24

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号