+
+
+
+|
+
+符号
+
+ |
+
+
+
+含义（p5.js参考链接）
+
+ |
+
+
+
+示例
+
+ |
+
+
+
+
+
+|
+
+`<`
+
+ |
+
+
+
+[小于](/reference/p5/lt)
+
+ |
+
+
+
+`x < 5`
+
+ |
+
+
+
+
+
+|
+
+`<=`
+
+ |
+
+
+
+[小于或等于](/reference/p5/lte)
+
+ |
+
+
+
+`x <= 5`
+
+ |
+
+
+
+
+
+|
+
+`>`
+
+ |
+
+
+
+[大于](/reference/p5/gt)
+
+ |
+
+
+
+`x > 5`
+
+ |
+
+
+
+
+
+|
+
+`>=`
+
+ |
+
+
+
+[大于或等于](/reference/p5/gte)
+
+ |
+
+
+
+`x >= 5`
+
+ |
+
+
+
+
+
+|
+
+`===`
+
+ |
+
+
+
+严格相等 (意味着不同类型的值会被视为不相等)
+
+ |
+
+
+
+`x === 5`
+
+ |
+
+
+
+
+
+|
+
+`!==`
+
+ |
+
+
+
+不等于
+
+ |
+
+
+
+`x !== 5`
+
+ |
+
+
+
+
+
+访问MDN参考资料来了解更多有关[表达式与运算符](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators)的信息。
+
+你可以将*布尔表达式*想象成计算机在提问。在第三步添加的代码中，布尔表达式是 `sunHeight < horizon` 。它在询问：变量 `sunHeight` 的值是否小于变量 `horizon` 的值。如果问题的答案是 `true` （真），那么代码块就会运行。如果答案为否，那么代码块则会被跳过。
+
+我们可以通过在 [`draw()`](/reference/p5/draw) 函数中的 `sunHeight = mouseY` 之后添加 `console.log(sunHeight < horizon)` 以在控制台（console）中查看该表达式的值。当你移动鼠标划过画布时，观察控制台打印的值是如何在 `true` 和 `false` 之间切换的：当太阳在地平线以下时，值为 `false` ；当太阳在地平线以上时，值为 `true` 。参考[这个草图](https://editor.p5js.org/gbenedis@gmail.com/sketches/nNVmHVf5m)里的示例。
+
+访问p5.js 参考手册的[基础知识](/reference#Foundation)页面来了解更多关于 if 语句和布尔值的信息。
+
+
+### IF-ELSE 语句
+
+另一个重要的条件语句是 *if-else语句* 。它可以控制两个不同的代码块。if-else 语句的语法定义如下：
+
+```js
+if (condition) {
+ // 如果条件为 true，则运行此处的代码
+} else {
+ // 如果条件为 false，则运行此处的代码
+}
+```
+
+如果条件为 `true` （真），则运行第一个代码块。如果条件为 `false` （假），则运行关键词 `else` 之后的代码块。如果你的代码需要根据同一个条件做出两种不同的改变，那么 if-else 语句是一种更好的代码组织方式。将 if 语句想象成如下所示的气泡图（bubble map）会很有帮助：它展示了当条件为真时运行第一个代码块，而当条件为假时运行第二个代码块。
+
+
+
+例如，你可以修改日落动画中的 if 语句，先移除 [`background()`](/reference/p5/background) 函数，然后添加以下 if-else 语句：
+
+