js---三元表达式详解

这篇具有很好参考价值的文章主要介绍了js---三元表达式详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、判断三个条件

三元表达式是JS中最为常用的快捷判断语句之一。其语法形式为:

条件 ? 结果1 : 结果2

当判断条件成立时,返回结果1,否则返回结果2。这是JS中最为基本的三元表达式形式。

在实际应用中,三元表达式可用于快速判断三个条件,如下所示示例代码:

let score = 85;
let result = score >= 90 ? '优秀' : score >=80 ? '良好' : '不及格';
console.log(result);

以上代码的意思是:当成绩大于90分时,返回字符串'优秀';当成绩大于等于80分时,返回字符串'良好';否则返回字符串'不及格'。运行以上代码,输出结果为'良好'。

通过以上代码,我们可以看到三元表达式的嵌套应用,其思想类似于if-else语句的嵌套判断。同时,三元表达式也能够完成复杂的条件判断。

二、js三元表达式嵌套

除了简单的三元表达式嵌套,JS中也可以通过多层嵌套完成更为复杂的判断。以下是其示例代码:

let fruit = 'apple';
let price = fruit === 'apple' ? (size === 'big' ? 10 : 8) : 5;
console.log(price);

以上代码的意思是:当水果类型为苹果时,如果尺寸为big,返回10元,否则返回8元;如果水果类型为非苹果,则返回5元。运行以上代码,输出结果为8。

通过以上代码,我们可以看到在三元表达式使用中,嵌套层数并没有硬性限制,可以根据实际需求完成多层嵌套。

三、js三元表达式判断一个

除了判断三个条件,三元表达式还可以完成对单个条件的判断。以下是其示例代码:

let age = 18;
let isAdult = age >= 18 ? true : false;
console.log(isAdult);

以上代码的意思是:当年龄大于等于18岁时,返回true,否则返回false。运行以上代码,输出结果为true。

这是三元表达式在实际应用中最为常用的形式之一,例如在表单提交中对数据的判断。

四、三元表达式的语法

三元表达式的语法形式十分简单,其一般形式为:

条件 ? 结果1 : 结果2

其中“条件”可以是任意的JS表达式,“结果1”和“结果2”也是任意JS表达式,可以是字符串、数字、函数等任意类型的值。

需要注意的是,三元表达式中的“?”和“:”都是必不可少的,缺一不可。同时,在三元表达式的书写时应该尽量保证代码的可读性,不要过分嵌套,减少出错的可能。

五、js三元运算符

JS中一共有三种运算符:一元运算符、二元运算符和三元运算符。三元运算符是三种运算符中最为特殊的一种,其语法和功能都有其独特性。

三元表达式的运算结果根据“?”和“:”的位置而定。当“?”和“:”符号两边的表达式计算结果为真时,返回“?”后的表达式计算结果;否则返回“:”后的表达式计算结果。以下是一个简单的示例:

let var1 = true ? 'yes' : 'no';
console.log(var1);

以上代码的意思是:如果判断结果为真,则返回字符串'yes';否则返回字符串'no'。运行以上代码,输出结果为'yes'。

六、js三元运算符表达式

对于三元运算符表达式,其结果同样可以赋值给一个变量或使用在一个JS表达式中。以下是一个示例:

let age = 18;
age >= 18 ? console.log('成年人') : console.log('未成年人');

以上代码的意思是:如果年龄大于等于18岁,则输出字符串'成年人';否则输出字符串'未成年人'。

需要注意的是,以上代码中使用了console.log()函数输出结果,这是一种常见的JS输出方式。同时三元表达式也可以作为条件语句或循环语句的判断条件。

七、js三元表达式简写

在实际使用中,可以通过三元表达式完成更为简洁的代码书写。例如:

let age = 18;
let message = age >= 18 ? '成年人' : '未成年人';

以上代码的意思是:如果年龄大于等于18岁,则将字符串'成年人'赋值给变量message;否则将字符串'未成年人'赋值给变量message。这种写法极大地简化了代码,提高了代码的可读性。

需要注意的是,简写形式只适用于简单的三元表达式,在复杂的三元表达式嵌套中不宜过度使用。

八、js三元表达式怎么写

当我们需要使用三元表达式时,需要先确定条件判断,然后按照语法形式书写代码。

以下是一个简单的示例:

let score = 85;
let result = score >= 90 ? '优秀' : '不优秀';
console.log(result);

以上代码的意思是:如果成绩大于等于90分,则返回字符串'优秀';否则返回字符串'不优秀'。

在实际应用中,我们可以结合变量、运算符等进行复杂的条件判断,完成更加灵活的代码书写。

九、js三元表达式进阶写法

在JS中,三元表达式还可以用于返回函数调用结果。例如:

function foo(flag) {
    return flag ? () => console.log('flag is true.') : () => console.log('flag is false.');
}
let f = foo(true);
f(); // flag is true.

以上代码的意思是:当flag的值为true时,返回一个匿名函数,并输出字符串'flag is true.';否则返回另一个匿名函数,并输出字符串'flag is false.'。

通过以上示例,我们可以看到在JS中,三元表达式具有非常高的灵活性和可扩展性,可以用于各种场合,有效地提高代码的可读性和开发效率。文章来源地址https://www.toymoban.com/news/detail-777194.html

$a=$b>$c ? ($c-$b) ? 1 :($b-$c) : ($b+$c) ? 0 : $b*$c;   //$a=0


转化成if(){}   else{}格式
		if($b>$c){
            if($c-$b){
                $a=1;
            }else{
                $a=$b-$c;
            }
        }else{
            $a=$b+$c;
            if($a){
                $a=0;
            }else{
                $a=$b*$c;
            }
        }

到了这里,关于js---三元表达式详解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 7.JS里表达式,if条件判断,三元运算符,switch语句,断点调试

    表达式就是可以被求值的代码比如什么a = 1 语句就是一段可以执行的代码比如什么if else 直接给B站的黑马程序员的老师引流一波总结的真好 就是基本上所有的语言都会有的if else 语句就是满足不同的条件执行不同的代码,让计算机有条件判断的能力。 注意在if的括号里面除了

    2024年02月20日
    浏览(52)
  • 前端JavaScript入门-day08-正则表达式

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹) 目录 介绍 语法  元字符  边界符  量词  字符类: 修饰符 正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象,通常用

    2024年02月13日
    浏览(61)
  • 【23JavaScript 正则表达式】深入解析JavaScript正则表达式:基础概念、常用方法和实例详解,轻松掌握强大的文本模式匹配工具

    正则表达式是一种强大的文本模式匹配工具,用于在字符串中搜索和操作特定的文本模式。在JavaScript中,正则表达式提供了一种灵活的方式来处理字符串操作。 在JavaScript中,可以通过使用字面量表示法或RegExp对象来创建正则表达式。 字面量表示法 RegExp对象 JavaScript中的正则

    2024年02月08日
    浏览(64)
  • 【Java 进阶篇】JavaScript 正则表达式(RegExp)详解

    JavaScript 正则表达式,通常简写为 RegExp,是一种强大的文本匹配工具,它允许你通过一种灵活的语法来查找和替换字符串中的文本。正则表达式在编程中用途广泛,不仅限于 JavaScript,在许多编程语言中也都有类似的实现。 正则表达式,简称正则或RegExp,是一个用于描述字符

    2024年02月07日
    浏览(55)
  • python多变量赋值和三元表达式出错(求解答)

    直接给出问题吧,以后只在定义是进行多变量同时赋值算了。希望有大神能够解答 我以为方法一和方法二是等价的,还是我太年轻了,根本不一样。 如果不是多变量在三元表达式里面用,法一和法二 倒是正常输出。如下示例

    2024年02月15日
    浏览(40)
  • 前端系列:正则表达式RegExp详解

    字面量创建 构造函数 字符串方法 match:返回一个字符串匹配正则表达式的结果,如果未找到匹配则为 null search:返回正则表达式在字符串中首次匹配项的 索引 ;否则,返回 -1 replace:返回一个由替换值( replacement )替换部分或所有的模式( pattern )匹配项后的新字符串。模式可以

    2024年02月02日
    浏览(71)
  • 身份证号码的正则表达式及验证详解(JavaScript,Regex)

    简言 在做用户实名验证时,常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案,大家可以根据自己的项目实际情况,选择适合的方案 身份证号码说明 居民身份证号码,正确、正式的称谓应该是“公民身份号码”。根据【中华人民共和国国家标准 GB 11

    2023年04月20日
    浏览(90)
  • Python中的三元运算符:简洁高效的条件表达式

    什么是三元运算符 三元运算符是一种简洁高效的条件表达式,用于根据条件的真假来返回不同的值。它是一种特殊的运算符,由三个操作数组成,形式为 [结果为真的值] if [条件] else [结果为假的值] 。 Python中的三元运算符语法 Python中的三元运算符的语法如下: 三元运算符的

    2024年01月19日
    浏览(59)
  • JavaScript从入门到精通系列第三十一篇:详解JavaScript中的字符串和正则表达式相关的方法

      文章目录 知识回顾 1:概念回顾 2:正则表达式字面量 一:字符串中正则表达式方法 1:split 2:search 3:match 4:replace         正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式检查一个字符串是否符合规则,或者将字符串中符合规则的内容提取出来。

    2024年01月17日
    浏览(58)
  • 【JavaScript】正则表达式

    正则表达式用于对字符串模式匹配及检索替换 修饰符 描述 i 执行对大小写不敏感的匹配。 g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。 m 执行多行匹配。 表达式 描述 [abc] 查找方括号之间的任何字符。 [^abc] 查找任何不在方括号之间的字符。 [0-9] 查找任

    2024年01月21日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包