js三元判断的表达式(三元表达式多种使用技巧)

 分类:js知识时间:2022-05-16点击: 2022前端视频教程(自学必看)

js三元表达式也叫三元运算符,还有一种叫三目运算符,都是一样的东西,哈哈哈哈,不要搞错了,那么js三元表达式怎么用?js三元表达式你可以理解为判断,和 if()else()一样,像是它的简写。当条件为真时执行true,冒号后面的就不用看,当条件为假时执行false,跳过前面的,也就是说冒号左右二选一。

js三元判断的表达式

一、js三元判断的表达式

1、表达式为:  条件 ? true : false

2、通俗易懂的讲意思就是:(满足条件吗?  满足的话就选我  :  不满足的话就选我)当条件为真时执行true,冒号后面的就不用看,当条件为假时执行false,跳过前面的,也就是说冒号左右二选一。

二、js三元表达式的多种使用技巧

因为在对学习Vue中遇到js三元表达式,作为一个新入门前端的小白,对js不是特别了解,所以只能进行知识点的捡要累积,下面对我学习到的js三元表达式来进行一下总结。

在之前我们会经常用到  if(){}else{} 的判断,在了解js三元表达式以后,感觉这是比 if else 简单很多的方法。

1、例如当你在经常用 if else 时:

if ( a = 1 ){
  //会员 ;
}else{
  //不是会员 ;
}

当用js三元表达式的表达式就是:

a = 1 ? //会员 : //不是会员

这样发现代码简单了很多,特别是在日常中经常会有这样的if  else判断,嵌套比较多的时候,用js三元表达式是比较和谐,可以让代码看起来更加清爽,结构更加清晰。

2、通过不断的变化,可以衍生出很多js三元表达式的用法,如下一段JQ的代码:

flag ? $('body').addClass('hover'):$('body').removeClass('hover');

甚至可以:

$('body')[ flag ? 'addClass' : 'removeClass']('hover')

即当  flag = true  的时候,代码就变成  

$('body')['addClass']('hover')

这样就等同于JQ中的

$('body').addClass('hover')

3、如果是在function中可以更方便的处理很多事情

function a(){
 do;
}
function b(){
 do;
}
flag ? a() : b();
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: