javascript中的相等运算符（==）和等同运算符（===）

最新推荐文章于 2021-12-28 15:35:29 发布
转载 最新推荐文章于 2021-12-28 15:35:29 发布 · 935 阅读 · 0
文章标签：

#javascript #null #语言 #date

本文详细解析了JavaScript中相等运算符`==`和等同运算符`===`的使用规则，包括类型判断、数值比较、字符串比较、布尔值比较、对象比较、空值比较等多个方面。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在javascript中，相等运算符"=="和等同运算符"==="是不同的，一个是判断值是否相等，一个是判断值及类型是否完全相等。

经常有人用混这两个运算符，今天翻阅《javascript权威指南》，发现使用这两个运算符判断两个值是否满足条件是有一定规则的。

下面，就让我们仔细了解一下，这其中的秘密吧。 :oops:

下面的规则用于判定===运算符比较的两个值是否相等的判断条件

  • 如果两个值的类型不同，它们就不相同。

    • 如果两个值是数字，而且值相同，那么除非其中一个或两个都是NaN(这种情况它们不是等同的),否则它们是等同的。值NaN永远不会与其他任何值等同，包括它自身，要检测一个值是否是NaN，可以使用全局函数isNaN()。

    • 如果两个值都是字符串，而且在串中同一位置上的字符完全相同，那么它们就完全等同。如果字符串的长度或内容不同，它们就不是等同的。
    • 如果两个值都是布尔型true，或者两个值都是布尔型false，那么它们等同。

    • 如果两个值引用的是同一个对象、数组或函数，那么它们完全等同。如果它们引用的是不同的对象（数组或函数），它们就不完全等同，即使这两个对象具有完全相同的属性，或两个数组具有完全相同的元素。

    • 如果两个值都是null或都是undefined，它们完全相同。

    下面的规则用于判定==运算符比较的两个值是否相等的判断条件

    • 如果两个值具有相同的类型，那么就检测它们的等同性。如果这两个值完全相同，它们就相等。如果它们不完全相同，则它们不相等。

    • 如果两个值的类型不同，它们仍然可能相等。用下面的规则和类型转换来检测它们的相等性

      • 如果一个值是null，另一个值是undefined，它们相等。

      • 如果一个值是数字，另一个值是字符串，把字符串转换为数字，再用转换后的值进行比较。

      • 如果一个值为true，将它转化为1，再进行比较。如果一个值为false，把它转化为0，再进行比较。

      • 如果一个值是对象，另一个值是数字或字符串，将对象转换成原始类型的值，再进行比较。可以使用对象的toString()方法或valueOf()方法把对象转化成原始类型的值。JavaScript核心语言的内部类通常先尝试valueOf()方法转换，再尝试toString()方法转换，但是对于Date类，则先执行toString()方法再执行valueOf()方法转换。不属于JavaScript核心语言的对象则可以采用JavaScript实现定义的方式把自身转换成原始数值。
      • 其他的数值组合是不相等的。

      • 摘抄自《JavaScript权威指南(第5版)》
JavaScript 中的 == 与 ===：深入理解相等性比较
读心悦
05-27 884
JavaScript 中的 ==（宽松相等）和 ===（严格相等）运算符在比较时有显著差异。=== 比较时不会进行类型转换，要求类型和值都相同；而 == 会先进行隐式类型转换再比较。== 可能导致意外结果，如 [] == false 返回 true（空数组转换为 0）。虽然 == 性能稍差且有风险，但在特定场景（如检查 null 或 undefined）中可能有用。建议大多数情况下使用 === 以确保代码的清晰和安全。
相等运算符(==)和等同运算符(===)
geyao2015的博客
01-31 1825
最近在看《JavaScript权威指南》，遇到了==和===，以前写代码的时候没用到过===，现整理书上的内容如下（内容略有删减，内容为手打，可能有部分错误）： ==运算符和===运算符用来检测两个值是否相等，它们采用了具有同一性的两个不同定义。这两个运算符都接受任意类型的运算数，如果两个运算数相等，它们都返同true，否刘都返false。===运算符是等同运算符，它采用严格
javascript 中的==（相等运算符）与===（等同运算符）比较
weixin_33748818的博客
08-06 147
javascript 中的==（相等运算符）与===（等同运算符）比较：（1）==用于一般比较，===用于严格比较，（2）==在比较的时候可以转换数据类型，===严格比较，只要类型不匹配就返回flase。简而言之就是 "==" 只要求值相等; "===" 表示两个对象的类型相等且值相等补充：（1）值NAN永远不与任何值相等、等同，包括它自己。（2）如果两个值的类型不同，它们仍然可能相等（==）如:...
javascript中的相等操作符==
寅月星回的博客
11-16 341
javascript中的相等操作符（==） 题目来源：半年工作经验今日头条和美团面试题面经分享 if ([] == false) { console.log(1) } // 输出1 if ({} == false) { console.log(2) } // 不输出 if ([]) { console.log(3) } // 输出3 if([1] == [1]) { co...
JS中的相等操作符（==）与全等操作符（===)
u014089832的博客
07-29 375
JavaScript 比较运算符 == 和===的区别
cong____cong的博客
04-02 777
对于JavaScript的基本数据类型如：string,number等，==和===是有区别的。 1. ==进行比较时，首先看数据类型是否一致，不一致将其转换成相同的数据类型后在进行比较，如果数据类型一致，则对值进行比较，相同为true，不同为false。 2. ===进行比较时，首先看数据类型是否一直，不一致直接为false，数据类型若一致则对值进行比较，相同为true，不同为fal...
javascript相等运算符与等同运算符详细介绍
10-26
在JavaScript中，相等运算符（==）和等同运算符（===）是两种用于比较变量之间是否相等的关键字，它们在判断条件时有着不同的规则和行为。 **相等运算符（==）** 相等运算符（==）在进行比较时会尝试进行类型转换，...
javaScript中"=="和"==="的区别详解
10-18
对于JavaScript中比较运算符，可能大家用的比较多的是“==”、对于“===”很多人可能很陌生。=== 表示恒等，首先比较两边的变量数据类型是否相等，其次比较两边的变量的数值是否相等；== 表示相等即仅仅比较两边变量...
javascript相等运算符与等同运算符
09-06
在JavaScript编程语言中，相等运算符（`==`）与等同运算符（`===`）是两个非常重要的概念，它们用于判断两个值是否相等，但它们的比较方式和逻辑有所不同，这一点对于理解JavaScript的数据类型转换和比较规则至关...
JavaScript 中的相等操作符 ( 详解 [] == []、[] == ![]、{} == !{} )
weixin_45541513的博客
10-23 934
原文链接https://www.cnblogs.com/wisewrong/p/10396002.html ECMAScript 中的相等操作符由两个等于号 (==) 表示，如果两个操作数相等，则返回 true。 相等操作符会先转换操作数（通常称为强制转型），然后比较它们的相等性。 在转换不同的数据类型时，相等操作符遵循下列基本规则： 1. 如果有一个操作数是布尔值，则在比较相等性之前，将其转换为数值； 2. 如果一个操作数是字符串，另一个操作数是数值，在比较之前先将字符串转换为数值； 3...
JS中相等(==)运算符详解
随风丶逆风的博客
05-17 3650
有时候我们会对某些语法的行为非常困惑，比如相等("==")运算符。由于JS是一种弱类型语言，在没有使用严格相等("===")运算符的情况下，相等运算符两侧的变量内部会发生隐式的类型转换，正是这个隐式类型转换导致相等运算符经常让人摸不着头脑。 刚好最近看到阮一峰老师ES6教程的规范文档这一部分，然后参考知乎一些大神的讲解，形成此文，同时也是让自己梳理一下，可能有不对的地方，还望指正...
js有关 == 容易出错点
黄治文的博客
07-27 773
js有关 == 容易出错点前言案例案例解决1. 空字符串和0 相等2. 空数组和0 相等3.空对象和0 不相等 前言 在js中有关 == 的用法，看起来不难；但是很多细节不注意将很容易出错，而且比其他语言都容易出错。这也是js弱类型语言的特性。 案例 先来一组简单的，看一下是否遇到过相应的问题 console.log("" == 0)//true console.log([] == 0) //true console.log({} == 0) //false console.log(undefined ==
【基础】js中的相等性判断
qq_38211443的博客
12-28 2381
JS中相等性判断 ES6版本中，四种相等判断的算法： 全等： === 等于： == 零值相等： -0 === +0 同值相等： -0 !== +0 NaN === NaN JS中提供有关相等判断的方法 1.严格相等 === Strict Equality 2.非严格（抽象/非约束）相等 == Loose (自由的，不守限制的）Equality 3.Object.is(v1,v2) ES6 ，判断两个参数是否是同一个值 === 严格相等 不进行隐式类型转换 - 类型相
JS中空字符串会和0相等的解决办法
热门推荐
小天先森_
01-08 1万+
一些新手开发者会在写JS 中做空字符串判断是这样写， var a=""; a等于空字符串 然后与0做相等比较 if(a == 0){ console.log("进来了"); } 一般会认为不会进入，实际JS 在运行时，当a 等于空的字符串时 JS会判断其与0是相等的 所以 判断是否等于0时，可以这样判断 用String(a) == 0 这样包裹一下或者 a+""==0 或者 a===...
JavaScript中的 =、==、=== 运算符
Mark
10-28 1688
JavaScript中的：=、==、=== =：赋值运算符，可以将 = 号右侧的值赋值给 = 号左侧的变量。比如：var a = 10; +=：a += 5 等价于 a = a + 5 -=：a -= 5 等价于 a = a - 5 *=：a *= 5 等价于 a = a * 5 /=：a /= 5 等价于 a = a / 5 %=：a %= 5 等价于 a = a % 5 ==：相...
javascript的相等运算符、全等运算符、不等运算符、不全等运算符
EGeek
09-27 1976
相等运算符== 作用：相等运算符用来比较两个值是否相等。 效果：如果相等返回true,否则返回false。 比较一：值的类型相同 直接比较 比较二：值的类型不同 看代码与注释，一目了然哦。 <script> //大部分不同类型的比较，都先转换成Number再比较。 console.log(true == "1"); //true console.log(tr...
js中==和===的使用，0和“ ”的比较
Nothing down, nothing up
02-03 4475
var a = 1; var b = '1'; a == b; true a != b ; false a === b; flase a !== b; true js中"=="会先转换类型再进行比较两个变量的值; "==="只有在相同类型下，才会比较其值， 需要注意的，JS会认为0 == " " ，返回值为true。
关于JS的 ’==‘（相等运算符） 与 ’===‘（全等运算符）
龚建华的博客
05-12 365
此贴仅做记录，在不断挖掘的路上。。。。 容易弄错的true 0 "==" "" true null "==" undefined true 0 "==" false true 1 "==" true true "" == false true 1 == truetrue [] == falsetrue [] == ![]true 容易弄错的flase NaN == NaN false NaN === NaN false ...
等号运算符==和===的区别
最新发布
01-26
### JavaScript 中 `==` 和 `===` 运算符的区别 在 JavaScript 中，存在两种类型的相等运算符：严格相等 (`===`) 和宽松相等 (`==`)。 #### 严格相等 (`===`) 严格相等比较不仅检查数值是否相同，还会验证数据类型是否一致。只有当两者都匹配时才会返回 `true`[^2]。 ```javascript 1 === 1 // true, 数字等于数字 "hello" === "hello" // true, 字符串等于字符串 null === null // true, 特殊值之间相互比较 undefined === undefined // true, 不同于任何其他类型 0 === -0 // true, 负零被视为正零 [] === [] // false, 即使内容一样也因引用不同而异 var obj1 = {}; var obj2 = obj1; obj1 === obj2 // true, 同一对象实例 ``` #### 宽松相等 (`==`) 相比之下，宽松相等允许跨类型转换后再作对比。这意味着即使两边的数据类型不一样也可能被认为是“相等”的。然而这种行为有时会产生意想不到的结果，并且其内部逻辑较为复杂不易记忆[^1]。 ```javascript '' == '0' // false, 空字符串不会被视作数字字符'0' 0 == '' // true, 零可以隐式转为空字符串 0 == '0' // true, 整数能与表示它的字符串互换 false == 'false'// false, 布尔值不自动映射到特定字符串形式 false == '0' // true, 假布尔可视为整数零 false == undefined // false, 未定义不是假值 false == null // false, 空也不是假值 null == undefined // true, 二者均代表缺失值 '\t\r\n ' == 0 // true, 白空间隔会被解析成数值零 ``` 为了保持代码清晰性和减少潜在错误，建议优先采用严格相等(`===`)来进行条件判断。这有助于避免由于意外类型转换所引起的困惑和问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值