JS学习14：三元表达式多条件嵌套写法

最新推荐文章于 2023-09-22 19:40:06 发布

玉安_ZhangDe

最新推荐文章于 2023-09-22 19:40:06 发布

阅读量3.4k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：学习前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_47373340/article/details/124504700

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

本文介绍如何利用JavaScript中的三元运算符来替代传统的if分支结构，实现根据输入数字显示相应订单状态的功能。示例代码展示了如何通过三元表达式判断输入值，并返回匹配的订单状态，如'已下单'、'已付款'、'已发货'或'未查询到'。

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

语法结构

表达式1/值 ? 'true值' : 表达式2/值 ? ‘true值’:表达式3/值 ? ‘true值’:'false值'

案例

快递有四个状态 1 已下单 2 已付款 3 已发货 4 已收货。
弹出一个框输入1-4之间的数，显示出对应的订单状态
通过if分支做（简单），但是想想用三元表达式怎么做？

var num = prompt('查询快递，请输入1~4');
// 第一段如果num=1，则返回'已下单'，否则在:右边进行下一段判断，以此类推
var express_order = num == 1 ? '已下单' :  num == 2 ? '已付款' : num == 3 ? '已发货' : num == 4 ? '已收货' : '未查询到，不到1~4范围内';
alert(express_order);