JavaScript 判断条件如果是 false 怎么让他什么都不做呢？

2021-01-13 10:36:18 +08:00
 sudoy

JavaScript 的❓条件判断表达式里面，如果条件为假的时候，如何让它什么都不做呢？我试了以下，如果 : 后面什么都不写，浏览器会报错说 Uncaught SyntaxError: Unexpected token ';'

比如下面，如果 把 'World' 去掉，则会报错：

<!DOCTYPE html>
<html>
  <body>

    <div id="demo"></div>
    <script>
      let a = 10;
      demo = document.getElementById('demo');
      demo.innerText = a > 5 ? 'Hello' : 'World';
    </script>
    
</body>
</html>

也就是说下面的代码会报错。

<!DOCTYPE html>
<html>
  <body>

    <div id="demo"></div>
    <script>
      let a = 10;
      demo = document.getElementById('demo');
      demo.innerText = a > 5 ? 'Hello' : ;
    </script>
    
</body>
</html>
3599 次点击
所在节点    问与答
45 条回复
cocoCookie
2021-01-13 10:39:59 +08:00
简单写个 if ？
wangxiang
2021-01-13 10:41:23 +08:00
demo.innerText = a > 5 ? 'Hello' : '';
lemonnTr
2021-01-13 10:41:54 +08:00
a > 5 ? demo.innerText = 'Hello' : '' ;
Sapp
2021-01-13 10:43:17 +08:00
@wangxiang 这样是有 bug 的，他的 demo 没有内容不代表实际就没有内容。
demo.innerText = a > 5 ? 'Hello' : demo.innerText;

不过这个需求用 if 不就行了么
BreadKiller
2021-01-13 10:43:32 +08:00
a > 5 && demo.innerText = 'Hello'
jappp
2021-01-13 10:43:50 +08:00
你既然不需要 false 的时候做处理，为什么要用三元表达式呢？
sudoy
2021-01-13 10:44:21 +08:00
@cocoCookie 在实际操作中判断比较多，感觉用 if 比较麻烦
BreadKiller
2021-01-13 10:44:54 +08:00
a > 5 && (demo.innerText = 'Hello')
好像得加个括号
tabris17
2021-01-13 10:46:03 +08:00
a > 5 && (demo.innerText='Hello');
Hypn0s
2021-01-13 10:46:57 +08:00
1==1 ? void 0 : alert(1);
ansenJ
2021-01-13 10:48:08 +08:00
&&
sudoy
2021-01-13 10:48:12 +08:00
@jappp 嫌二元表达式 if 太麻烦，要写好多大括号 {}
sudoy
2021-01-13 10:50:13 +08:00
感谢大家回复，看来用 && 比较合适
shyrock
2021-01-13 10:50:49 +08:00
@jappp #6 灵魂拷问
cocoCookie
2021-01-13 10:50:53 +08:00
@sudoy 只是看起来🐶
cmdOptionKana
2021-01-13 10:51:54 +08:00
@sudoy if 不用大括号的，很方便 if (a>5) demo.innerText = 'Hello' 即可。
sudoy
2021-01-13 10:57:26 +08:00
@cmdOptionKana 谢谢
loading
2021-01-13 11:01:04 +08:00
if 通俗易懂，用&&有时我自己回过来都看不懂，
loading
2021-01-13 11:02:26 +08:00
@cmdOptionKana 不用大括号我脑子都转不过来，高级语言是给人看的，为了格式化后能在一行，得不偿失。
dark3212
2021-01-13 11:03:04 +08:00
demo.innerText = a > 5 ? 'Hello' : demo.innerText ;

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/744452

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX