vue 中 数字0和空字符串，=== 和== 用法和区别

最新推荐文章于 2024-01-30 16:18:05 发布
原创 最新推荐文章于 2024-01-30 16:18:05 发布 · 5.2k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #js #vue

本文探讨了JavaScript中数字和字符串在隐式转换时的规则，特别是0和空字符串（''）的比较。当使用`==`比较时，空字符串会被转换为0，因此`aa==bb`会输出`true`。而使用`===`时，不仅比较值，还比较数据类型，因此`aa===bb`会输出`false`。这强调了在进行等值比较时理解类型转换的重要性。

一、数字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

二、=== 用法

如果我们有业务逻辑非要判断 “” 和 0来作比较就可以用===来比较

1、== 用于比较两者是否相等，忽略数据类型

2、=== 比较值和值的数据类型都需要同时比较

var aa = ''
var bb = 0 
if(aa===bb){
    console.log(true)
}else{
    console.log(false)
}
false
开发中遇到的vue知识收集（一）
weixin_48622530的博客
08-07 478
常见的vue知识 文章目录常见的vue知识”=“、”= =“，” = = = “ ”！==“的区别vue层级问题将添加表单与删除表单的功能单独抽取出来做一个组件Vue Router的全局前置守卫-------验证token路由守卫 ”=“、”= =“，” = = = “ ”！==“的区别 在JavaScript中，“=”代表赋值操作；“= =”先转换类型再比较，“= = =”先判断类型，如果不是同一类型直接为false。其中“= =”和“= = =”都可以用在布尔表达式中，但两者有很大的区别，下面对三者进行
VUE 截取字符串的方法
07-30
适合刚刚进入(JavaScript，Vue)编程领域的小白使用
vue elementui 校验 空字符串和0 会相等 解决问题
qq_42309765的博客
07-13 1580
elementUI inputt输入框限制可输入0，但在表单提交时会被校验住 原因是 在代码中 0 = 空字符串 ，所以导致输入0后无法提交！！ var str = ''; if(str==0){ console.log('打印了'); } 解决方法 1.String() //把值转换为字符串 var str = ''; if(String(str)==0){ consoel.log('false') }else{ console.log('true') }...
vue.js中使用==和===判断
weixin_45662786的博客
01-30 508
2.=== 用于（严格）比较、判断两者（严格）相等，不会进行自动转换，要求进行比较的操作数必须类型一致，不一致时返回flase。a === ' ' 为false，a!== ' ' 为true。a == ' ' 为true，a!= ' ' 为false。当数据中有 0 时，要和 ' ' 相判断，不相等要用!1.== 用于比较、判断两者相等，比较时可自动换数据类型。
Vue：利用 v-if 进行字符串值的比较
qq_46119575的博客
05-14 5894
在 vue 中比较字符串是否相等是一个很常见的操作，本文主要介绍了如果比较两个字符串是否相等。
vue/js/前端,0==‘‘,出错，返回true
qq_45251343的博客
04-14 457
vue/js/前端,0=='',出错，返回true
vue中如何实现变量和字符串拼接
08-30
除了`alert`，在Vue中你还可以使用`console.log`或其他方式在控制台输出拼接后的字符串，或者将结果赋值给一个新的变量，用于其他用途。例如，生成动态的HTML内容： ```javascript methods: { createMessage() { ...
vue 实现强制类型转换 数字类型转为字符串
10-16
在JavaScript中，数字和字符串进行连接操作时，数字会被转换为字符串，然后与空字符串连接，从而达到转换的目的。 2. **使用`toString()`方法** 数字对象（Number类型）有一个内置的`toString()`方法，可以将数字...
Vue.js 时间转换代码及时间戳转时间字符串
10-17
在使用方法中，首先创建了一个Date的实例`now`，然后调用`format`方法并传入一个格式字符串`"yyyy-MM-ddhh:mm:ss"`，这样就会得到一个按照该格式格式化的时间字符串。除了这个实例方法，还展示了一个静态方法的使用...
Vue中对后端返回的data字符串进行代码断句高亮操作
01-20
在Vue项目中，当后端返回的数据以字符串形式包含代码片段时，为了满足产品的高亮显示需求，开发者通常需要对这些字符串进行处理。本篇将详细介绍两种方法来实现这一功能。 **方法一：利用split进行切割断句及高亮...
vue 判断数据是否为空
热门推荐
deary
06-25 4万+
<template> <div>数据是否为空</div> </template> <script> export default { name: "Orders", data() { return { abj: {}, arr: [] }; }, created() { //判读数组是否为空 if(this.arr == undefined || this.arr.le.
【Vue实战】Vue3简单又简洁的判断对象是否为空的写法（假值判断法）
qq_21609191的博客
09-13 1万+
今年工作比较忙，比较没有时间写博客，最近抽空写了一下，还是保持一下更新博客的习惯比较好 ^ _ ^。最近在写一个项目用到Vue3 + Vite3，发现一个对字符串和数字进行判空的方法，既简单又简洁，这版推荐给大家使用。这个方法，在Vue编译的过程中，会预先对变量进行判断并直接输出结果。Vue速度快的原因之一在于这个预编译，减少了大量的冗余的判断。提示：此方法在非Vue项目中使用可能无效，因为此方法必须经过Vue编译后才能生效。
vue中===与==
代码是程序员的语言，博客是思想的桥梁，连接你我，共享智慧之光。
10-02 2659
在这个例子中，a和b的类型不同，a是一个数字，b是一个字符串。使用===运算符进行比较时，由于类型不同，它返回了false。而使用==运算符进行比较时，它会尝试将b转换为数字，然后发现它们的值相等，所以返回了true。在实际开发中，建议使用===运算符来进行严格的比较，因为它可以避免一些隐式的类型转换，帮助我们准确判断值是否相等。
Vue 中 == 和 ===、&& 、|| 等操作符的用法
低调，谦虚，自律，反思，成长！
07-04 1万+
!= == === 否则会被当成字符串 true 和字符串 657。 总结 Note: 欢迎点赞，留言，转载请在文章页面明显位置给出原文链接 知者，感谢您在茫茫人海中阅读了我的文章 没有个性 哪来的签名！ 详情请关注点我 持续更新中......
2.Vue比较两个数大小
blk2002的博客
06-18 6160
比较两个数大小，利用Vue.js技术。
VUE===（1）基础信息
一个后端菜鸟的博客
12-09 463
文章目录前言一、Vue.js是什么？二、Vue怎么来的1.2.三、Vue的优点总结 前言 提示：以下是本篇文章正文内容，下面案例可供参考 一、Vue.js是什么？ 二、Vue怎么来的 1. 2. 三、Vue的优点 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。 ...
==会把空值‘ ‘和数值0宽松判断为相等，js踩坑记录
gjylalaland的博客
02-17 190
==会把空值' '和数值0宽松判断为相等，js踩坑记录
0==‘‘为true的坑，判断0是否==‘‘的坑
PUBGA的博客
10-15 902
任何非0的数都是true，非零即真 用比较时会把"" 先转成0 在比较，所以返回的true 解决办法，要用 === 来判断 ** 是值的对比 === 是值和类型一起对比。** 这也算是一个小的细节吧，大家注意
vue props接收数字类型和字符串类型
最新发布
12-29
### Vue 中通过 Props 传递数字和字符串类型数据 在 Vue.js 中，`props` 是父组件用来向子组件传递数据的一种方式。对于不同类型的 `prop` 值，传递方法有所不同。 #### 传递字符串类型的数据 当需要传递字符串时，可以简单地将其作为属性值直接赋给子组件标签中的 prop 属性。由于 HTML 特性默认情况下是不区分大小写的，因此 camelCase 形式的 JavaScript 变量名应当被转换成 kebab-case 来匹配 HTML 属性名称[^4]。 ```html <template> <!-- 子组件 --> <child-component some-message="这是一个测试消息"></child-component> <!-- 如果使用的是驼峰命名，则需改为短横线形式 --> <another-child anotherMessage="另一个测试消息"></another-child> </template> ``` #### 传递数字类型的数据 为了确保数值能够正确解析而不是当作字符串处理，应该利用 `v-bind:` 指令来绑定这些值到 props 上。这会告诉 Vue 解析表达式并传入实际计算后的结果而非原始文本内容[^2]。 ```html <script setup> import { ref } from 'vue'; const count = ref(10); </script> <template> <!-- 使用 v-bind 动态绑定数字 --> <number-display :value="count"></number-display> <!-- 不加冒号(:)，则会被视为静态字符串 --> <static-number value="99"></static-number> </template> ``` #### 完整示例展示 这里给出一个完整的例子说明如何在一个简单的应用中实现上述两种情况： ```html <div id="app"> <!-- 传递字符串 --> <greeting msg="欢迎来到Vue世界!"></greeting> <!-- 传递数字 --> <counter :initial-count="5"></counter> </div> <!-- Greeting.vue 文件 --> <template> <p>{{msg}}</p> </template> <script> export default { name: "Greeting", props: ["msg"] } </script> <!-- Counter.vue 文件 --> <template> <button @click="increment">{{currentCount}}</button> </template> <script> export default { name: "Counter", props: ['initialCount'], data() { return { currentCount: this.initialCount || 0, }; }, methods: { increment() { this.currentCount += 1; } } }; </script> <script src="https://cdn.jsdelivr.net/npm/vue@next"></script> <script type="module"> // 注册全局组件 customElements.define('greeting', defineCustomElement(Greeting)); customElements.define('counter', defineCustomElement(Counter)); new Vue({ el: '#app' }); </script> ```
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值