JavaScript 速记三元

JavaScript 中的三元运算符（Ternary Operator）是一种比较灵活、简洁的语法。三元运算符可以把一个条件表达式的结果转化成一种布尔值（true 或 false），并根据结果返回不同的值。

基本语法

三元运算符的基本语法如下：

condition ? exprIfTrue : exprIfFalse

condition：条件表达式，用来测试某个条件是否为真。如果条件为真，返回 exprIfTrue 的结果；否则，返回 exprIfFalse 的结果。

exprIfTrue：当条件为真时返回的值。

exprIfFalse：当条件为假时返回的值。

例子

使用三元运算符可以让代码更简洁、易读。下面是一些常见的例子：

比较大小

// 返回两个数中较小的数
const min = (a, b) => a < b ? a : b;

判断奇偶数

// 如果 num 是偶数，返回 'even'；否则返回 'odd'
const evenOrOdd = num => num % 2 === 0 ? 'even' : 'odd';

防止 undefined

// 如果 obj 为空，则返回空对象；否则返回 obj
const obj = obj || {};

条件渲染

// 如果 loggedIn 为 true，显示欢迎信息；否则显示登录按钮
loggedIn ? <WelcomeMessage /> : <LoginButton />

总结

三元运算符是 JavaScript 中非常有用的语法，可以让代码更简洁、易读。我们可以在条件渲染、取值等方面广泛使用它，提高代码效率和可读性。