Svelte中是否有简洁方式实现不显示假值的条件判断?
简洁的条件判断替代方案
- 逻辑与简写:直接用
{value || ''},当value为假值(如undefined、null、空字符串、0等)时会返回空字符串,和原逻辑效果一致。但要注意,如果value是你需要保留的假值(比如0、false),这个方法就不适用。 - 空值合并运算符(ES2020+):用
{value ?? ''},它只会在value为null或undefined时返回空字符串,像0、false这类假值会被保留,比逻辑与的判断更精准。 - 框架内置处理:在Vue、React这类框架中,直接写
{{ value }}(Vue)或{value}(React)即可,框架会自动将null、undefined、false渲染为空字符串,无需额外写判断。
示例代码:
// 逻辑与写法 const res1 = undefined || ''; // 输出 '' const res2 = 'test' || ''; // 输出 'test' // 空值合并写法 const res3 = 0 ?? ''; // 输出 0 const res4 = null ?? ''; // 输出 ''
内容的提问来源于stack exchange,提问作者mikemaccana
相关产品推荐
相关产品推荐

