前端JS——if else if 的高级写法

最新推荐文章于 2024-08-17 23:56:22 发布

xiaoma121212

最新推荐文章于 2024-08-17 23:56:22 发布

阅读量2.9k

点赞数 3

分类专栏： es6 文章标签：前端JS——if else if 的简洁写法

原文链接：https://blog.csdn.net/Ms_alinda/article/details/98611875

版权

es6 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

假如我们有这样一段逻辑：

let orderStatus = ''
let a = '1'
if (a == '1') {
    orderStatus = '待付款'
} else if (a == '2') {
    orderStatus == '待发货'
} else if (a == '3') {
    orderStatus == '已发货'
} else if (a == '4') {
    orderStatus == '待收货'
} else if （a == '5'）{
    orderStatus == '已完成'
}

可以简写为：

let a='1'
let orderStatus
let map = { '1': '待付款', '2': '待发货', '3': '已发货', '4': '待收货','5':'已完成'}
orderStatus = map[a]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xiaoma121212

关注关注

3
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【Python】多分支结构（if——elif——else）| 大数据面试：Hadoop和Spark有什么区别？它们分别适用于什么场景？(附实例说明)

追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光

04-02

1906

先导知识代码仍然要记得加冒号！！！ # 昵称:追光者♂ # 性别:帅哥 # 生日:1999-10-24 # 故乡:山东省——济宁市 # 学历:硕士研究生 # 开发时间: 2022/4/2/0002 6:48 # 多分支结构 score = int(input('请输入一个成绩：')) if 90 <= score <= 100: # score >= 90 and score <= 100: print('A级') elif 80 <= score &lt

js中如何更好的替代if...else...语句

yueyangwuyanzu的博客

11-19

2448

在大家平常开发过程中条件判断语句if else的使用频率还是很高的，特别是满屏的if...else...让人难免看着就头疼。这里我们在某些特定场景为大家额外提供一种其他的思路。一、二元逻辑运算符：|| /** *在函数定义时，常有若函数调用未提供参数则使用默认值的情景， */ function fn(a) { if(!a){ //可以使用if else来解决这个问题： a = 'test'; }; }; //有没有更优雅的去除做法呢? 我们可以使用 |..

参与评论您还未登录，请先登录后发表或查看评论

前端JS——if else if 的简洁写法

最新发布

2301_79614134的博客

08-17

1359

动态参数（arguments）、剩余参数（...arr）、展开运算符、数组解构、遍历（forEach）、筛选数组（filter）、内置构造函数、对象拷贝（assign）、创建数组（Array）、累计器（reduce）、改变this指向、call()、apply()、bind()

JS if else语句详解

unber的博客

11-25

9955

在正常情况下，JavaScript 脚本是按顺序从上到下执行的，这种结构被称为顺序结构。如果使用 if、else/if 或 switch 语句，可以改变这种流程顺序，让代码根据条件选择执行的方向，这种结构被称为分支结构。

JS流程控制(if ,else if,else)

h1008685的博客

04-22

1430

js中if，elseif，else。详细用法及实例讲解

javascript系列之if else语句

StayAlive1887的博客

08-04

4467

这里会计算表达式的值，如果表达式的值为true，则会执行if代码块里面的代码；在那种情况下，你需要使用条件语句，使得你的程序作出正确的选择和执行正确的操作。这里javascript会计算表达式的值，如果表达式的值为true，则会执行if语句里面的代码；如果表达式的值为false，则会执行else语句里面的代码。else 是另外一种类型的控制语句，它允许javascript执行更多控制流程的语句。3.1 if语句是基本的控制语句，它会让javascript按条件的做出选择和执行语句。"还没到结婚的年龄呢！

Web 前端进阶—— JS 学习笔记

cccloveforever的博客

04-21

1076

原型链：简单来讲就是原型组成的链，比如函数的原型是Function，Function的原型是Object，Object 的原型仍然是Object，一直追溯到最终的原型对象。函数通过prototype来追溯原型对象，对象通过proto来追溯原型对象。通过一个构造函数创建出来的多个实例，如果都要添加一个方法，给每个实例去添加并不是一个明智的选择。这时就该用上原型了。在实例的原型上添加一个方法，这个原型的所有实例便都有了这个方法。//B继承了A,通过原型，形成链条。

JavaScript——if判断与循环，前端开发学习

m0_60707538的博客

03-16

648

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。

2023高薪前端面试题（三、前端进阶——Vue）

iaz999的博客

05-16

1486

Vue所有的界面事件，都是只去操作数据的，Jquery操作DOMVue所有界面的变动，都是根据数据自动绑定出来的，Jquery操作DOMMVC是应用最广泛的软件架构之一,一般MVC分为:Model(模型),View(视图),Controller(控制器)。这主要是基于分层的目的,让彼此的职责分开.View一般用过Controller来和Model进行联系。Controller是Model和View的协调者,View和Model不直接联系。基本都是单向联系。M和V指的意思和MVVM中的M和V意思一样。

前端笔试——js字符串最长公共前缀

xt_123456的博客

09-14

1063

题目描述：编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串 “”。写法1: var longestCommonPrefix = function(strs){ let res = ""; if(strs.length == 0){ res = ""; return res; } //i代表第一个字符串中每一个元素的下标 //下面将把其余每一个字符串中的第i个元素与第一个字符串中的第i个元素进行比较 for(let i = 0;i < strs[0].

JS基础之选择循环结构--if、if..else、if...else...if...else、switch、while、、do...while、for、for-in/of、break和continue

小白小白从不日别的博客

04-04

1456

主要介绍了在javascript中选择结构和循环结构的基本使用

if/else if多分支语句（JS）

...

08-18

1547

if/else if多分支语句（JS） <!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">

JavaScript的流程控制 if、 if else if、 switch

zaxuezhe的博客

04-22

2045

if，语法结构，如果括号里面的表达式为真，则执行大括号里面的语句，否则不执行。 if（表达式）{执行语句；} 示例1： if else：如果括号里面的表达式为真，则执行大括号里面的语句，否则执行else语句中的语句。 if（表达式）{执行语句1；}else{执行语句2；} 示例2： if else if else：当任意一个条件满足后，语句执行完毕后则推出整个if语句，如果都不满足，则执行else中的语句 if（表达式）{执行语句1；}else if（表达式）{执行表达式2；}el

js一行If ... else ... else if语句

江咏之

11-03

2525

我知道你可以通过做var variable = (condition) ? (true block) : (else block)来设置一行if / else语句的var variable = (condition) ? (true block) : (else block) var variable = (condition) ? (true block) : (else block) ，但我想知道是否有办法在其中放入else if语句。任何建议...

JS中if和else if的问题，求大神帮助

qq_41586842的博客

05-22

3335

这个位置写else if，切换显示div是没问题的。如上图，else if没问题。一旦这里改成了if，就出问题了。无论怎么点，都不起作用了。。不知道js这里为什么只能用else if而不能用if. ...

js条件判断if else if else else 的用法以及理解

CSDN_KONGlX的博客

12-08

231

js条件判断用法 if (boolean) { //如果boolean为false的话跳过这里代码执行下面else if。 //如果boolean为true 的话执行完这里的代码，然后直接跳出,到方法 toast("你好")处 } else if (boolean){ //如果boolean为false 的话继续执行后面else if。 //如果boolean为true 的话执行完这里的代...

Javascript if 语句使用详解

2301_78835635的博客

11-17

2452

分析：我们之前学会用“document.write()”来输出结果，这次我们给大家介绍一种对话框的方式，那就是使用alert()函数来弹出对话框。其中“条件语句”可以是任何一种逻辑表达式，如果“条件语句”的返回结果为true，则程序先执行大括号“{}”中的“执行语句”，然后接着执行if后面的其他语句。如果“条件语句”的返回结果为false，则程序跳过“{}”的“执行语句”，直接执行程序后面的其他语句。if语句类型共有3种：……else if”语句是“多分支选择结构语句”，用于选择多个代码块之一来执行。

js的if..else if...else

qq_42331499的博客

01-29

5723

js的if…else if…else <script> var age = 15; if(age > 4 && age < 7){ document.write("可以上幼儿园") }else if( age >= 7 && age <= 12){ document.write("正在上小学");

前端if elseif

02-23

前端中的 if elseif 是一种条件语句，用于根不同的条件执行不同的代码块。它的语法如下： ```javascript if (condition1) { // 当条件1为真时执行的代码块 } else if (condition2) { // 当条件2为真时执行的代码块 } else { // 当以上条件都不满足时执行的代码块 } ``` 在这个语法中，首先会判断条件1是否为真，如果为真，则执行与条件1对应的代码块。如果条件1为假，则继续判断条件2是否为真，如果为真，则执行与条件2对应的代码块。条件2也为假，则执行最后的 else 代码块。这种 if elseif 结构可以根据不同的条件执行不同的代码逻辑，使程序具有更灵活的控制流程。