温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何理解javascript三目运算符

发布时间:2021-10-19 16:36:10 来源:亿速云 阅读:178 作者:iii 栏目:web开发

这篇文章主要介绍“如何理解javascript三目运算符”,在日常操作中,相信很多人在如何理解javascript三目运算符问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何理解javascript三目运算符”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

在javascript中,三目运算符没有等号,它是由一个问号和一个冒号组成的,语法格式“条件表达式 ? 表达式1 : 表达式2 ;”;如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,否则就执行“表达式2”中的代码。

如何理解javascript三目运算符

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript中的三目运算符

三目运算符(也被称为三元运算符、条件运算符),由一个问号和一个冒号组成,语法格式如下:

条件表达式 ? 表达式1 : 表达式2 ;

“条件表达式”必须是一个布尔型的表达式,而“表达式1” 和 “表达式2” 是任意类型的值。

  • 如果“条件表达式”的结果为真(true),则执行“表达式1”中的代码,并返回该表达式的值。

  • 如果“条件表达式”的结果为假(false),则执行“表达式2”中的代码,并返回该表达式的值。

示例:

定义变量 a,然后检测 a 是否被赋值,如果赋值则使用该值;否则设置默认值。

var a = null;  //定义变量a
typeof a != "undefined" ? a = a : a = 0;  //检测变量a是否赋值,否则设置默认值
console.log(a);  //显示变量a的值,返回null

条件运算符可以转换为条件结构:

if(typeof a != "undefined"){  //赋值
    a = a;
}else{  //没有赋值
    a = 0;
}
console.log(a);

也可以转换为逻辑表达式:

(typeof a != "undefined") && (a =a) || (a = 0);  //逻辑表达式
console.log(a);

在上面表达式中,如果 a 已赋值,则执行 (a = a) 表达式,执行完毕就不再执行逻辑或运算符后面的 (a = 0) 表达式;如果 a 未赋值,则不再执行逻辑与运算符后面的 (a = a) 表达式,转而执行逻辑或运算符后面的表达式 (a = 0)。

到此,关于“如何理解javascript三目运算符”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI