JavaScript笔记之 ““==false=0

最新推荐文章于 2023-08-21 20:41:20 发布
最新推荐文章于 2023-08-21 20:41:20 发布
阅读量303 收藏
点赞数
分类专栏： HTML CSS JS # Js JavaScript ECMAScript 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kfepiza/article/details/117390984
版权

在这里插入图片描述

测试代码

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"/><title>""==false==0</title>
<style id="FirstStyleTag">
legend{font-size:20px;}
table{border-collapse:collapse; }
th,td{border:1px solid grey}

.CodeIB,.CodeB{padding:0px 10px; border-left:10px solid blue; background-color:black; color:gold; font-family:Consolas; white-space:pre;}
.CodeB{display:block} .CodeIB{display:inline-block;}

.Flex010{display:flex; }
.Flex010>:nth-child(2){padding:0 10px; display:flex; align-items:center; }
.Flex010>:nth-child(3){white-space:pre; word-spacing:1em; display:flex; align-items:center;}

.关键字>span{padding:12px;}
.关键字>:nth-child(1){color:red;}
.关键字>:nth-child(2){color:orange;}
.关键字>span:nth-child(3){color:purple;}
.关键字>span:nth-child(4){color:green;}
.关键字>span:nth-child(5){color:red;}

</style><script>function dgebi(x){if(x && x.constructor===String)x=document.getElementById(x); return x;} ; function dcept(p,tn){var e=document.createElement(tn); p=dgebi(p).appendChild(e); return e;} ; const FirstStyleTag=dgebi("FirstStyleTag");
var crtTDYS; addEventListener("mouseup",function(){crtTDYS=null;});	addEventListener("mousemove",function(ev){	if(crtTDYS && ev.buttons===1){
		crtTDYS.style.left=(parseInt(crtTDYS.offsetLeft)+ev.movementX)+"px"; crtTDYS.style.top=(parseInt(crtTDYS.offsetTop)+ev.movementY)+"px"; }});
function keTuoDongElementOnmousedownFunction(ev){crtTDYS=this;}	function keTuoDong(e){e=dgebi(e); e.addEventListener("mousedown",keTuoDongElementOnmousedownFunction); }

function codeResult(e){e=dgebi(e);	let code = e.querySelector("code"); code.nextElementSibling.nextElementSibling.innerHTML=eval(code.textContent);}


</script></head><body style="margin:0; font-size:16px; "><header id="BodyHeader" style="text-align:center;"><h1>""==false==0</h1></header><div id="BodyBody">
<h2 style="margin-left:5px;">结论:</h2>
<ul style="font-size:20px;">
	<li>[ undefined , null , false , <span style="position:relative;">""<explain style="position:absolute; text-align:center; left:-1em; top:-2.5em; width:3em; ">空字符<br/>↓</explain></span> , 0 ] 这五个在条件判断中均为false不成立 , 但并不所有双等号相等</li>
	<li class="关键字"><span>undefined</span> <span>null</span> <span>""</span> <span>0</span> <span>false</span></li>
	<li>按双等号相等可分为两组👇<ol>
		<li>null==undefined</li>
		<li>""==false==0</li>
	</ol></li>
</ul>

<fieldset><legend style="font-size:60px;">0==''==flase</legend>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
0==""
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
false==""
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
0==false
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
0===""
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
false===""
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
0===false
	</code><label>结果: </label><label></label></div>
</fieldset>
</fieldset>

<fieldset><legend style="font-size:60px;">undefined==null , undefined!==null;</legend>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null==undefined
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null===undefined
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null!==undefined
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null!=undefined
	</code><label>结果: </label><label></label></div>
</fieldset>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null==false
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null==0
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null==""
	</code><label>结果: </label><label></label></div>
</fieldset>




<fieldset><legend style="font-size:50px; word-spacing:1em;">undefined null false "" 0 五个均为不成立</legend>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
undefined ?"真":"假"
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
null ?"真":"假"
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
false ?"真":"假"
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
0 ?"真":"假"
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
"" ?"真":"假"
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
1 ?"真":"假"
	</code><label>结果: </label><label></label></div>
</fieldset>
<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
"0" ?"真":"假"
	</code><label>结果: </label><label></label></div>
</fieldset>
</fieldset>




<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})(undefined);
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})(null);
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})(false);
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})(0);
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})("");
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})(1);
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})("0");
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
((x)=>{if(x)return"真";return"假";})(globalThis);
	</code><label>结果: </label><label></label></div>
</fieldset>


<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
!undefined
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
!null
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
!false
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
!0
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
!""
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
!"0"
	</code><label>结果: </label><label></label></div>
</fieldset>

<fieldset class="Test"><legend></legend>
	<div class="Flex010"><code class="CodeIB">
!1
	</code><label>结果: </label><label></label></div>
</fieldset>



</div><footer id="BodyFooter"></footer><style id="LastStyleTag"></style><script>const BodyHeader=dgebi("BodyHeader") ,    BodyBody=dgebi("BodyBody") ,    BodyFooter=dgebi("BodyFooter") ,   LastStyleTag=dgebi("LastStyleTag") , LastStyleSheet=LastStyleTag.sheet;

for(let e of document.querySelectorAll("fieldset.Test")){codeResult(e); if(e.children[0].innerHTML==="")e.children[0].innerHTML=e.children[1].children[0].innerHTML;}

</script></body></html>

结果截图

在这里插入图片描述

kfepiza
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Javascript笔记(20220104203210).pdf
11-29
Javascript 笔记 根据提供的文件信息，我们可以生成以下知识点： 一、Javascript 介绍 Javascript 是一种高级的、动态的、基于原型的编程语言，广泛应用于 Web 开发、移动应用开发、游戏开发等领域。Javascript ...
[] == false,和!![] == false结果为什么不一样？探究 == 本质
热门推荐
.
04-08 1万+
console.log([] == false, !![] == false);// true false console.log([] === false, !![] === false);// false false console.log([] == []);// false var a = []; console.log(a == !!a);//fasle 先解析[] == f
[] == false,!![] == false比较操作符
weixin_43738272的博客
03-07 1350
比较操作符 本节重点是文章中举的例子以及使用比较操作符的几点。 对于基础不好的同学希望能看完，后面是运算符的使用； 相较于基础好的，看完几个例子就可以了，自行决定。 严格比较 定义: 值和类型都要相同。 转换类型比较 定义: 比较前会将操作数转换为原始值，使它们类型相同，再进行比较运算。 比较的特点: 对于两个拥有相同字符顺序，相同长度，并且每个字符的位置都匹配的字符串，应该...
[]==false隐式转换
w96098的博客
12-01 611
一元操作符 +、- 先来看看 + 或 - 在一个类型值前面，这里会执行 ToNumber 类型转换。如果是 - 在前面的话，还会将结果的符号取反，如：-“123” 的结果是 -123。并且如果原类型是对象的话也是遵循 ToNumber 的转换规则; var a = '123'; var b = +a; console.log(b); // 123 二元操作符 相减 a - b 当执行减法操作时，两个值都会先执行 ToNumber 转换，所以这个是比较简单的，当类型是对象时也是遵循同样的规则。 var a
从[] == false、{} == false、[1] == [1]看不严格相等（==）
aceyaya的博客
07-10 687
[] == false if ([] == false){ console.log(1); };//输出 1 判断中一方为Boolean，就要转化为number ( false --> 0) 判断 [] == 0，空数组为0，存在一个元素且为数字则转数字，其他情况NaN {} == false if ({} == false ) { console.log(2); };//无输出 false —> 0 判断 {} == 0 ： {}除数组外的引用类型—> NaN []
JS判断 []==false 结果为什么是true？
choutu8450的博客
07-20 716
JS判断 []==false 结果为什么是true？ var tmp = 'a'; if([] == false) tmp += 'b'; if(![]) tmp += 'c'; alert(tmp); //tmp 值为 ？ 你或许会不理解[]==false为什么会判断为true？ 这个js...
JavaScript学习笔记之创建对象
11-23
JavaScript 有Date、Array、String等这样的内置对象，...在JavaScript中除了字符串、数字、true、false、null和undefined之外的值都是对象。所以，学习JavaScript不把对象学习明白要继续往下学习就非常的困难。从今天
Javascript基础笔记
最新发布
08-22
JavaScript 基础笔记 JavaScript 是一种高级的、动态的、基于对象的脚本语言，主要用于客户端的脚本编程。下面是 JavaScript 基础笔记的知识点总结： JS 的位置 * 行内式 JS：直接在 HTML 文件中编写 JavaScript ...
JavaScript笔记
09-28
|--Boolean(布尔类型)0、-0、null、""、false/undefined或NaN,则该对象设置为false。其余都可以当true 6.数据类型的隐式转换： |--数字 + 字符串：数字转换为字符串 |--数字 + 布尔值：true转换为1，false转换为...
Javascript学习笔记之相等符号与严格相等符号
01-21
Javascript 有两种方法来判断两种值是否相等。 相等符号 相等符号由两个等号组成： == Javascript 是弱类型语言。这就意味着相等符号为了比较两个值将会强制转换类型。...false == “0” // tru
[]==false?true:false为什么为true
jiaoyshh的博客
10-04 1313
==转换 转换规则： ①、如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false转换为0，而true转换为1； ②、如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值 ③、如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较 左边不是原始值类型 所以用valueof转换 console.log([].valueOf());//结果为数组[] 左边又不是原始值类型 再用toString()转换
［]==false为true，[]==![]为true,{}==!{}为false
xuan的博客
07-19 3711
理论 一、[]==false为true [ ]不是原始值类型故需转化 //先调用valueOf方法进行转换 [].valueOf() //[] //发现valueOf转化完后，依然不时原始值类型，那继续用toString方法转换 [].toString()//"" //使用Number转换 Number('')==Number(false) //0==0 true; 二、[]==...
常见js中判断== true/false总结
first_hands的博客
08-21 1975
false == 0 输出true；因为在做判断的时候，两者中有boolean（布尔类型），会把boolean先转化为number（数字类型），false为0，true是1。也就是等价于判断 0 == 0 ，结果为true。’ ’ == false 输出为true；js中空字符串与0相等，也就意味着空字符串等等于false。‘0’ == false 正确输出为true；这里有一个js规则：string（字符串类型）和number作比较的时候，string会先转化成number。
JS中0和false的比较
殇~的博客
03-06 3566
现象描述 在本次开发中，在进行非空判定的时候，出现了0 === false 的情况。之前一直认为if(0)是可以进入的。然后就研究了一下，在这里给予一个解答。 验证 1. false == 0 输出true；因为在做判断的时候，两者中有boolean（布尔类型），会把boolean先转化为number（数字类型），false为0，true是1。也就是等价于判断 0 == 0 ，结果为true。 2. ‘’ == false 输出为true；js中空字符串与0相等，也就意味着空字符串等等于fa
php false=0,php 中 0 == false，0 == false 会相等，而false != false的原因。
weixin_36206388的博客
03-16 1066
首先查看一个特例：var_dump(0 == 'false'), 返回 bool(true), php判断0 等于任何字符串；var_dump(0==='false'), 返回bool(false),全等包含类型和值才能相等。var_dump(0 == false), 返回bool(true),产生上述结果的原因(翻译自php官方文档)：1、针对bool型：当你将bool型进行 输出 或者 使用到...
python中的ture是常量吗_Python中内置常量的深入理解
weixin_39733943的博客
12-04 1012
这篇文章主要跟大家介绍了关于Python中内置常量的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看吧。前言大家都知道Python内置的常量不多，只有6个，分别是True、False、None、NotImplemented、Ellipsis、debug。下面就来看看详细的介绍：一. True1. True是bool类型用来表示真值的常量。>>>...
JS中Unexpected identifier错误
我的博客
09-05 1474
[size=medium]错误提示： [color=red]Uncaught SyntaxError: Unexpected identifier[/color] 错误原因： 一般是js代码中书写不规范造成错误，例如少了一个逗号、分号，或双引号里面包含了双引号等等容易忽视的错误。 举例： 本项目利用spring mvc的model存值，model.addObject("items...
JS（三）generator
前端产品工程师
12-27 1398
generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。 ES6定义generator标准的哥们借鉴了Python的generator的概念和语法。 一个函数是一段完整的代码，调用一个函数就是传入参数，然后返回结果： function foo(x) {     return x + x; } var r = foo(1); /
ArcGIS API for JavaScript 4.2学习笔记[14] 弹窗的位置、为弹窗添加元素
06-03
visibleWhenEmpty: false, // 当没有内容时不显示弹窗 view: view }); view.popup = popup; view.on("click", function(event) { var lat = event.mapPoint.latitude.toFixed(3); var lon = event.mapPoint...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kfepiza

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值