三目运算符（单条件和多个条件）

最新推荐文章于 2024-04-29 10:40:41 发布
最新推荐文章于 2024-04-29 10:40:41 发布
阅读量2.5k 收藏 5
点赞数 1
分类专栏： 前端 文章标签： js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47521196/article/details/122239354
版权

三目运算符太好用了！！！！！

一、单条件

条件1 ? 结果1 : 结果2

当条件1为true时，执行结果1，当条件1为false时，执行结果2

例：x=2 ? x=2 : 0

如果x=2时，输出x=2，否则输出0

二、多条件

条件1

？结果1

：条件2

？结果2

：条件3

？结果3

：""

当条件1为true时，执行结果1，当条件2为true时，执行结果2，当条件3为true是，执行结果3........
例：

name == "张三"
? "1"
: name == "李四"
? "2"
: name == "王五"
? "3"
: ""

-mmmmmmsui
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈Java三目运算
09-03
本文给大家主要介绍的是java中三目运算的详细介绍，并附上2个示例，希望对大家理解三目运算能够有所帮助。
JS三目运算（三元运算）多条件
galler_ayue的博客
02-08 8422
1.什么是三目运算（三元运算） 简单来说，三目运算是由 ’表达式 ? 值1 : 值2‘ 组成。 可以理解为 若表达式成立则返回 值1，不成立则返回 值2。 2.三目运算写法 一般写法 var a = 1; a > 0 ? '开启' : '关闭'; //等价 if-else if(a > 0) { return '开启' }else { return '关闭' } 多条件 var a = 1; var b = a > 1 ? '红灯' : a = 0 ?
三目运算符判断多个条件的使用方法
chihcixxxx的博客
06-08 1923
写项目的时候数据状态有三种，给三种不同的样式，然后发现可以简单地使用三目运算符，就可以实现多个条件的判断 也就是这个用法
iOS中奇妙的三目运算符示例详解
01-04
前言 三目运算符：也叫三元运算符。这个运算符的符号是： ? :，下面这篇文章主要给大家介绍了关于iOS三目运算符的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧 基础 一般情况下，我们使用三目运算符（？：）的语法格式是： （expression）？if-true-statement :if-false-statement; 如果表达式expression结果为真，则执行if-true-statement，否则执行if-false-statement。 我们经常会使用三目运算符进行简单的判断赋值，例如： y = x ? x : z; 即如果x为真，则返回
Java运算符+(优先级、目数)+.doc
02-27
Java运算符+(优先级、目数)+.doc Java运算符+(优先级、目数)+.doc
JS三元运算和多条件运算
时清云的博客
08-24 2140
我们的代码在部署在线上之前，都要进行打包，打包之后的代码都是一段压缩之后的代码。可能有人会问了，这跟这篇文章的主题有什么关系呢？先别急，我们先看一下打包之后，开头的这段代码： !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof
JS三元运算符判断多个条件
小猫爪子
11-17 7975
:note2="item.status == 0 ? '备料中' : item.status == 1 ? '部分入库' : '全部入库'"
三元表达式多个判断条件
qq_38810813的博客
09-03 1万+
这是判断多个条件的写法 示例 ：0 已创建 1 审核中 2 审核通过 3 审核驳回 a == 0 ? ‘已创建’ : (a == 1 ? ‘审核中’ : (a == 2 ? ‘审核通过’ : ‘审核驳回’)) 这是判断三个条件的写法 {{item.ApplyState == "0" ? '未生成订单' : (item.ApplyState == "1" ? '已生成订单' : '已完成发货')}} ...
三目运算符/多目运算符（多个条件）
热门推荐
忘川
05-07 1万+
const i = 3; const value = i === 1 ? "111" : i === 2 ? "222" : i === 3 ? "333" : i === 4 ? "444" : "555"; console.log(value);//333
三目运算符的多条件运算
ldjzxn的博客
01-08 523
三目运算符的多条件运算 max= a>b?(a>c?a:c):(b>c?b:c);
python 三元运算符使用解析
01-01
三元运算又称三目运算，是对简单的条件语句的简写 简单条件语句： if 条件成立: val = 1 else: val = 2 改成三元运算： val = 1 if 条件成立 else 2 举例： a = 2 b = 5 val = a if a > b else b print(val) # ...
JavaScript逻辑运算符相关总结
11-19
首先我们需要知道几种逻辑运算符的优先级是不同的（关于完整的运算符优先级，看运算符优先级），逻辑非>逻辑与>逻辑或>条件运算符（三目运算符）。运算顺序条件运算符是从右向左，而逻辑与和逻辑或都是从左向右。 /...
Java基础之运算符.docx
11-21
运算符按照其要求的操作数数目来分，可以有单目运算符、双目运算符和三目运算符，它们分别对应于1个、2个、3个操作数。运算符按其功能来分，有算术运算符、赋值运算符、关系运算符、逻辑运算符、位运算符和其他...
SpringBoot项目打包分离高阶操作
Record Little
04-23 728
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
判断前端入参是否空否则提示前端写法
qq_39306234的博客
04-28 160
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
前端调用WebSocket协议接口获取数据
最新发布
m0_56023096的博客
04-29 91
createWs("测试数据", (res) => {
两个前端标签
ma_no_lo的博客
04-24 152
两个前端标签
前端实现将二进制文件流，并下载为excel文件
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
04-23 616
介绍了前端如何实现将二进制文件流解析并下载为excel文件，以及解决容易遇到的问题。
docker部署前端项目（二）遇到的问题
weixin_45379180的博客
04-25 383
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
vue多个三目运算
05-30
你可以在Vue中使用多个三目运算符来根据不同的条件渲染不同的内容。以下是一个示例： ``` <template> <div> <p>{{isLoggedIn ? '您已登录' : '请登录'}}</p> <button v-if="isLoggedIn" @click="logout">退出登录</button> <button v-else-if="isLoading">加载中...</button> <button v-else @click="login">登录</button> </div> </template> <script> export default { data() { return { isLoggedIn: false, isLoading: false } }, methods: { login() { // 登录逻辑 }, logout() { // 退出登录逻辑 } } } </script> ``` 在这个示例中，我们使用了三个三目运算符来根据不同的条件渲染不同的内容： - 第一个三目运算符用于显示登录状态。 - 第二个三目运算符用于显示加载状态。 - 第三个三目运算符用于显示登录按钮。 当`isLoggedIn`为`true`时，显示退出登录按钮；当`isLoading`为`true`时，显示加载中按钮；否则，显示登录按钮。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值