如何在JavaScript中使用内联if语句?也有内联else语句吗?

就像这样:

var a = 2;
var b = 3;

if(a < b) {
    // do something
}

当前回答

(条件)?expressionTrue: expressionFalse;

例子

int a=20, b=10;

if (a>b) {
  cout << "a greater than b";
} else {
  cout << "b greater than a";
} 

你可以简单地写:

int a=20, b=10;

(a>b) ? cout << "a greater than b" : cout << "b greater than a";

其他回答

也可以只使用逻辑运算符来近似if/else。

(a && b) || c

这句话大致相当于说:

a ? b : c

当然,大致和:

if ( a ) { b } else { c }

我说粗略是因为这种方法有一个不同之处,你必须知道b的值将被计算为真,否则你总是会得到c。基本上你必须意识到if () {here}将出现的部分现在是你放置if (here){}的条件的一部分。

上述情况是可能的,因为JavaScripts的行为是传递/返回一个形成逻辑表达式的原始值,这取决于操作符的类型。某些其他语言,如PHP,执行操作的实际结果,即true或false,这意味着结果总是true或false;例句:

14 && 0          /// results as 0,  not false
14 || 0          /// results as 14, not true
1 && 2 && 3 && 4 /// results as 4,  not true
true && ''       /// results as ''
{} || '0'        /// results as {}

与普通的if语句相比,一个主要的好处是前两个方法可以在参数的右侧操作,即作为赋值的一部分。

d = (a && b) || c;
d = a ? b : c;

if `a == true` then `d = b` else `d = c`

使用标准if语句实现这一点的唯一方法是复制赋值:

if ( a ) { d = b } else { d = c }

你可能会问为什么只使用逻辑运算符而不是三元运算符,对于简单的情况,你可能不会这样做,除非你想确保a和b都为真。您还可以使用逻辑操作符实现更精简的复杂条件,使用嵌套的三元操作可能会变得相当混乱……如果你想让你的代码易于阅读,这两种方法都不是那么直观。

你可以在JavaScript中这样做:

a < b ? passed() : failed();

我经常需要在每个条件下运行更多的代码,通过使用:(,,)多个代码元素可以执行:

var a = 2;
var b = 3;
var c = 0;

( a < b ?  ( alert('hi'), a=3, b=2, c=a*b ) : ( alert('by'), a=4, b=10, c=a/b ) );

简化三元运算符

var locked = 1;
var canChange = locked != 1 ? true : false;

如果锁定为1,则canChange变量被设置为false,否则,它被设置为true。 在这种情况下,你可以使用一个布尔表达式来简化它,如下所示:

var locked = 1;
var canChange = locked != 1;

用于多个JavaScript三元运算符 下面的例子展示了如何在同一个表达式中使用两个三元运算符:

var speed = 90;
var message = speed >= 120 ? 'Too Fast' : (speed >= 80 ? 'Fast' : 'OK');
console.log(message);

当三元运算符使代码更易于阅读时,使用它是一种最佳实践。如果逻辑包含很多If…Else语句,你不应该使用三元操作符。

供您参考,您可以组合条件操作符

var a = (truthy) ? 1 : (falsy) ? 2 : 3;

如果您的逻辑足够复杂,那么您可以考虑使用IIFE

var a = (function () {
  if (truthy) return 1;
  else if (falsy) return 2;
  return 3;
})();

当然,如果你计划使用这个逻辑不止一次,那么你必须把它封装在一个函数中,以保持它的美观和DRY。