Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串
Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串
Jetpropelledsnake21
发布于 2022-10-31 14:00:03
发布于 2022-10-31 14:00:03
文章被收录于专栏：JetpropelledSnake
/**
== 用于比较两者是否相等，忽略数据类型
=== 用于更严谨的比较，值和值的数据类型都需要同时比较
*/<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<body>
<div id="app">
<div v-if="text ==1 ">
1--值一样，类型不同，两个等号显示
</div>
<div v-if="text ===1 ">
2--值一样，类型不同，三个等号不显示
</div>
<div v-if="text ==='1' ">
3--值一样，类型同，三个等号显示
</div>
</div>
<script type="text/javascript">
/* text:"1" 这里的1是个字符串 */
var vm = new Vue({
el:"#app",
data:{
text:"1"
}
});
</script>
</body>
</html>结果：
/**
数字0和空字符串
以下是数字和字符串隐试转换规则：
1、任何非零的数为true，0为false。
2、字符串来说任何非空字符串为 true，空字符串为false
3、再用==比较时会把"" 先转成0 在比较
*/var aa = ''
var bb = 0
if(aa==bb){
console.log(true)
}else{
console.log(false)
}
true本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-10-19，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
