id: ace11ba6f6ca4c8cadb941b4f9a09427
parent_id: 
item_type: 1
item_id: 6e6486c18e144fe79652608b8e1e4f00
item_updated_time: 1764345471859
title_diff: "[{\"diffs\":[[1,\"JavaScript 速成班\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":14}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>JavaScript 速成班</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"5710\\\"></a>\\\r\\\n<h1>JavaScript 速成班</h1>\\\r\\\n\\\r\\\n<div>\\\n<span><div style=\\\"min-height: 21919px; min-width: 100%; position: relative;\\\"><div style=\\\"text-size-adjust: 100%; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\\\"><div style=\\\"box-sizing: border-box; background-color: rgb(242, 242, 242);\\\"><div style=\\\"box-sizing: border-box;\\\"><div style=\\\"box-sizing: border-box;\\\"><div style=\\\"box-sizing: border-box;\\\"><div style=\\\"box-sizing: border-box;\\\"><div style=\\\"box-sizing: border-box; background-color: rgb(255, 255, 255);\\\"><div style=\\\"box-sizing: border-box;\\\"><div style=\\\"box-sizing: border-box;\\\"><div style=\\\"box-sizing: border-box;\\\"><div style=\\\"box-sizing: border-box; overflow-wrap: break-word;\\\"><h1 style=\\\"margin: 30px 0px 14px; box-sizing: border-box;\\\"><font style=\\\"font-size: 12pt;\\\">接著說個好消息：因為我們已經對 Python 有一定程度的熟悉了，再學習另一種程式語言時，可以用觸類旁通的方式，讓我們能夠很快的掌握一些基本的要素。因此，今天的內容就是，為了要做好資料視覺化，讓我們一起來上一堂 JavaScript 速成班。</font><br/></h1><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　話先說再前面，所謂的速成班聽起來都不太可靠。我這堂當然也是。之所以能夠速成，其中有一個關鍵是我們已經學過 Python，可以用對照比較的方式，讓大家很快進入 JavaScript 的世界。另一個關鍵則是，我只介紹一些和接下來實作資料視覺化相關的基本概念和操作，所以可以在有限的篇幅說明完畢。其實我是相當推薦好好再學個 JavaScript 的。這次鐵人賽也有不少相關的主題➀➁，另外，想要再從基礎開始，有系統的了解 JavaScript 的人，可以</span><a href=\\\"https://eloquentjavascript.net/Eloquent_JavaScript.pdf\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">下載</a><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">這本教科書 Eloquent JavaScript➂。不要懷疑，免會員、免註冊，免費下載！</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　還記得我們是怎麼學 Python 的嗎？現在我們就這麼來學 JavaScript。</span></div></div><h2 style=\\\"font-size: 26px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 26px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">JavaScript：集成開發環境</span></h2><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　第一個問題：我們可以在哪裡編輯並且試跑 JavaScript 的程式碼呢？上面說過，將資料送到使用者端的瀏覽器，接下來就是由 JavaScript 來作運算了。因此每個瀏覽器都可以是 JavaScript 的集成開發環境！隨意開啟 Chrome、FireFox、或是 Edge，接著按下 &quot;Ctrl&quot; + &quot;Shift&quot; + &quot;i&quot;，就可以看到一個開發人員工具，接著選 &quot;Console&quot;，這就是我們的 JavaScript 集成開發環境囉！</span></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\"><img src=\\\":/d4f82b8de57842e5a2e80d5b802b9606\\\" type=\\\"image/png\\\" data-filename=\\\"20120178BPuCXVgpMq.png\\\" height=\\\"219\\\" style=\\\"border:0px;box-sizing:border-box;vertical-align:middle;display:inline-block;margin:10px auto;max-width:100%;\\\" width=\\\"454\\\"/></span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7; font-weight: 700; box-sizing: border-box;\\\">圖一</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、用 Chrome 瀏覽器來編輯 JavaScript</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\"><img src=\\\":/29f4a14e3d8a4398890629a07494ed08\\\" type=\\\"image/png\\\" data-filename=\\\"20120178MtnSzdz5na.png\\\" height=\\\"175\\\" style=\\\"border:0px;box-sizing:border-box;vertical-align:middle;display:inline-block;margin:10px auto;max-width:100%;\\\" width=\\\"454\\\"/></span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7; font-weight: 700; box-sizing: border-box;\\\">圖二</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、用 Edge 瀏覽器來編輯 JavaScript</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　寫入 JavaScript 程式碼之後，&quot;Enter&quot; 就可以輸入指令看到結果。&quot;Shift&quot; + &quot;Enter&quot; 則是換行繼續編輯。</span></div><h2 style=\\\"font-size: 26px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 26px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">JavaScript：資料型態與基本操作</span></h2><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 JavaScript 當中，基本的資料型態分三種：數值(Number)、字串(String)、布林(Boolean)。先來講講第一種，數值。</span></div><h3 style=\\\"font-size: 22px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 22px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">數值(Number)資料</span></h3><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　不像 Python 還分成整數跟浮點數，JavaScript 的數值直接霸氣的將這兩種都囊括了進來。數值的基本運算如下表：</span></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7; font-weight: 700; box-sizing: border-box;\\\">表一</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、數值(Number)的運算方法</span></div><table style=\\\"font-size: inherit; border-spacing: 0px; border-collapse: collapse; box-sizing: border-box; background-color: transparent; margin-bottom: 20px; text-align: center; overflow-x: auto; word-break: keep-all;\\\"><colgroup><col></col><col></col></colgroup><tbody style=\\\"box-sizing:border-box;\\\"><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing: border-box; text-align: center; font-size: 16px; border: 1px solid rgb(221, 221, 221); padding: 8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">運算</span></td><td style=\\\"box-sizing: border-box; text-align: center; font-size: 16px; border: 1px solid rgb(221, 221, 221); padding: 8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">運算符號</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">加法</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">+</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">減法</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">-</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">乘法</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">*</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">除法</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">/</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">餘數</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">%</span></td></tr></tbody></table><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　和 Python 相比，少了一個商數的計算方式，怎麼辦呢？我們可以用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">Math.floor()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">，小於等於這個數值的最大整數，來計算我們的商數：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">8</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">/</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">3</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2.6666666666666665</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Math</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.floor(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">8</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">/</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">3</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Math</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.ceil(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">8</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">/</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">3</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">3</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　觸類旁通，</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">Math.ceil()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">則傳回大於等於這個數值的最小整數。</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　另外，也可以用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">Number()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">的方式，將其他類型的資料轉換為數值資料：</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Number</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;2.5&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2.5</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Number</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span></div></div><h3 style=\\\"font-size: 22px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 22px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">字串(string)資料</span></h3><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　第二種，字串資料，和 Python 相同，用單引號或是雙引號作為字串資料的開始跟結束。也有換行符號(</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">n</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">)、tab符號(</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">n</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">)。還記得 Python 的 F 字串(f-string)嗎？在 JavaScript 中，想要做到 F 字串的效果很簡單：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">In [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]: word =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;是這樣&quot;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">f&quot;Python 中的 F 字串</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857;\\\">{word}</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">！&quot;</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">Out[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot; Python 中的 F 字串是這樣！&quot;</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">word =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;是這樣&quot;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">`JavaScript 中的則</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857;\\\">${word}</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">！`</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;JavaScript 中的則是這樣！&quot;</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　用` `包住字串，並在需要放入變數的地方用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">${}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">。相同的，可以用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">String()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">來將其他類型的資料換為字串資料。</span></div><h3 style=\\\"font-size: 22px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 22px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">布林(boolean)資料</span></h3><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　跟 Python 一樣，JavaScript 的布林資料只有兩種：</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">true</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">跟</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">false</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">。與布林資料相關的幾種邏輯運算子如</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7; font-weight: 700; box-sizing: border-box;\\\">表二</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">所示：</span></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7; font-weight: 700; box-sizing: border-box;\\\">表二</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、邏輯運算子</span></div><table style=\\\"font-size: inherit; border-spacing: 0px; border-collapse: collapse; box-sizing: border-box; background-color: transparent; margin-bottom: 20px; text-align: center; overflow-x: auto; word-break: keep-all;\\\"><colgroup><col></col><col></col></colgroup><tbody style=\\\"box-sizing:border-box;\\\"><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing: border-box; text-align: center; font-size: 16px; border: 1px solid rgb(221, 221, 221); padding: 8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">運算</span></td><td style=\\\"box-sizing: border-box; text-align: center; font-size: 16px; border: 1px solid rgb(221, 221, 221); padding: 8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">運算符號</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">等於</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">==</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">不等於</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">!=</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">大於</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">&gt;</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">小於</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">&lt;</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">且</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">&amp;&amp;</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">或</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">||</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">全等於</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">===</span></td></tr><tr style=\\\"box-sizing:border-box;\\\"><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 16px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.6;\\\">不全等於</span></td><td style=\\\"box-sizing:border-box;font-size:16px;border:1px solid rgb(221, 221, 221);padding:8px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.6; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">!==</span></td></tr></tbody></table><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 JavaScript 裡比較麻煩的是，它給了我們兩種等於。因為 JavaScript 允許不同類型的資料擺在一起比較，當用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">==</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">將不同類型的資料擺在一起時，JavaScript 會(自做？)聰明的轉換資料類型：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">==</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;1.0&quot;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">==</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　如果你不希望發生這種事，就請用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">===</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">===</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;1.0&quot;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">false</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">===</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">false</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　Python 當中的</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">print()</span> <span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">在 JavaScript 當中是</span> <span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">console.log()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">wordAgain =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;是這樣&quot;</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">`JavaScript 中的則</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857;\\\">${wordAgain}</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">！`</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">JavaScript 中的則是這樣！</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 JavaScript 當中查詢資料的類型，請用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">typeof</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">typeof</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;123&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">);</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">string</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span></span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">typeof</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">123</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">);</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">number</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　接下來介紹一個 JavaScript 當中有趣的三元運算子</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">?</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">，用法如下：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">如果正確 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">如果正確 ?</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;喊 1&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">):</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;否則喊 2&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">喊</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　三元運算子</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">?</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">會先判斷條件是否正確(</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">true</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">)，若是，則執行第一段程式碼，若否，則執行</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">:</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">之後的第二段程式碼。</span></div><h2 style=\\\"font-size: 26px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 26px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">JavaScript：資料結構與基本操作</span></h2><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 Python 當中，貼標籤非常簡單：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">In [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]: 標籤 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">123</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">標籤</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">Out[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">123</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　然而在 JavaScript 當中，我們要先宣告標籤的類型</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">var</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">let</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">const</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">，接下來才可以開始貼標籤，同一個標籤只需要宣告一次，也只能能宣告一次。</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">標籤 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">123</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">標籤;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt; 123</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; 標籤 = 456;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">標籤;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt; 456</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; let 標籤 = 789;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">Uncaught SyntaxError: Identifier '標籤' has already been declared</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">at &lt;anonymous&gt;:1:1</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">var</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">和</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">let</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">做成的標籤就像便利貼，隨時可以撕下來重新貼在另外的資料上。用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">const</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">做成的標籤則不行，一旦宣告完畢，貼上了資料，就必須跟隨到底。</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">const</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">貼好貼滿 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">123</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">貼好貼滿</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">123</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; 貼好貼滿 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">456</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">Uncaught</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">TypeError</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">: Assignment to constant variable.</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">at &lt;anonymous&gt;:</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">:</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">6</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 JavaScript 當中，有兩種資料結構：序列(Array)跟物件(Object)。序列就像是 Python 當中的清單(List)，而物件則像是 Python 當中的字典(Dict)。</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">anArray = [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">3</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;5&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">];</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">anArray;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt; [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">3</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;5&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; anArray.length</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">4</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　要在序列中加入/移出物件，就用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">push()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">跟</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">pop()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; anArray.push(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;new item&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">);</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">anArray;</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">3</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">, &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">5</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">, &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">new</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">item</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;]</span></span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857;\\\">&gt;</span> anArray.pop();</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&quot;new item&quot;</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; anArray;</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">3</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">, &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">5</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">]</span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　將多個序列合併在一起則用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">concat()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">anotherArray = [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">4</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">7</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;9&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">];</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">theOtherArray = [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;再來啊&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">];</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">overallArray = anArray.concat(anotherArray, theOtherArray);</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">overallArray</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt; [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">3</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;5&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">4</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">7</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;9&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;再來啊&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　從序列中選取切片：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; overallArray.slice(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">5</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">);</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; [&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">5</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">4</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">]</span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　有沒有發現到 JavaScript 當中序列的編號方式跟 Python 是一樣的，也就是從 0 開始。查詢一下序列中某一個資料的編號：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; overallArray[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">];</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857;\\\">&lt; <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">3</span></span></span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857;\\\">&gt;</span> overallArray.indexOf(7);</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857;\\\">&lt; <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">5</span></span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 JavaScript 中，第二種資料結構叫物件(Object)。大家其實可以想成 Python 中的字典。</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">anObject = {</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyOne</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;valueOne&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyTwo</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;valueTwo&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">};</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">anObject;</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; {</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyOne:</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueOne</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyTwo:</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueTwo</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;}</span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　想當然爾，要調閱物件中，某一個鑰匙其相對應的資料：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; anObject.keyOne;</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueOne</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span></span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857;\\\">&gt;</span> anObject[&quot;keyOne&quot;];</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueOne</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　也能夠查詢物件中的所有鑰匙或是所有資料：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.keys(anObject);</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; [&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyOne</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;, &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyTwo</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;]</span></span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857;\\\">&gt;</span> Object.values(anObject);</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; [&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueOne</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;, &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueTwo</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;]</span></span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">typeof</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.keys(anObject));</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; &quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　利用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">Object.keys()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">可以得到一個包含了</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">anObject</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">物件當中所有鑰匙的序列。而用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">Object.values()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">則會得到包含了物件當中所有資料的序列(這邊會回傳</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">&quot;object&quot;</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">，因為事實上，序列可以看做物件的其中一個特例，鑰匙是編號，而資料則是序列中的項目)。</span></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　擴充一個物件裡面的鑰匙:資料配對：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.assign(anObject, {</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyThree</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;valueThree&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyMOre</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;valueMore&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">});</span></div><div><span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&lt; {</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyOne:</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueOne</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyTwo:</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueTwo</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyThree:</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueThree</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">keyMOre:</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">valueMore</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(232, 191, 106); line-height: 1.42857; box-sizing: border-box;\\\">&quot;}</span></span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　將</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">{keyThree: &quot;valueThree&quot;, keyMOre: &quot;valueMore&quot;}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">成功擴充至</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">anObject</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">裡面囉！</span></div><h2 style=\\\"font-size: 26px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 26px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">JavaScript：常用句型</span></h2><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 Python 中，有</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">if</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">的判斷句，有</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">while</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">跟</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">for</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">迴圈，在 JavaScript 當中，也有相對應的句型，讓我們來看看該怎麼寫：</span></div><h3 style=\\\"font-size: 22px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.5; font-weight: bold; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">if</span><span style=\\\"font-size: 22px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">判斷句</span></h3><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">狀況為真 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">if</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(狀況為真) {</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;執行這段程式碼囉！&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">);}</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">執行這段程式碼囉！</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 Python 當中，我們是藉由縮排來區分程式碼的段落。而在 JavaScript 當中，則需要用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">{}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">將程式碼的段落包裝起來，相反的，JavaScript 並不強求縮排(雖然這樣說，但習慣上為了可讀性還是會縮一下)。用剛才的</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">if</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">為例，我們需要用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">將判斷句包裝起來，而用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">{}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">將符合判斷時該執行的程式碼包裝起來。但是，為了讓程式碼看起來更乾淨，或是讓辛辛苦苦工作的碼農們可以輕鬆點，當程式碼只有簡簡單單一行的時候，</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">{}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">的包裝可以省略。</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">if</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(狀況為真)</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;只有一行，可以不用加{}！&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">);</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">只有一行，可以不用加{}！</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　當然，也可以做到更複雜的</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">if</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">、</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">else</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">狀況一 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">false</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">狀況二 =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">;</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">if</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(狀況一) {</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;狀況一為真&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">}</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">else</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">if</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(狀況二) {</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;狀況二為真&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">}</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">else</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;以上狀況都不為真&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">}</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">狀況二為真</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div><h3 style=\\\"font-size: 22px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.5; font-weight: bold; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">while</span><span style=\\\"font-size: 22px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">迴圈</span></h3><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　除了須加上</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">和</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">{}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">之外，其他寫起來真的跟 Python 很像呢：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">numberForWhile =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">;</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">while</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(numberForWhile &lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">10</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">) {</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(numberForWhile);</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">numberForWhile +=</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">}</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">4</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">6</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">8</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">10</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　JavaScript 還有另外一種形式的</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">while</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">迴圈，寫作</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">do {執行的內容} while (判斷)</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">，執行的效果基本上跟上面看到的</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">while (判斷) {執行的內容}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">迴圈相同，唯一的差別在</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">do {執行的內容} while (判斷)</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">一定會將要執行的內容先執行一次，接著才進入判斷，若判斷成立，則繼續執行下一個迴圈，若判斷不成立，則結束迴圈。</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">do</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;無論如何先印一個&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">); }</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">while</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">false</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">無論如何先印一個</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div><h3 style=\\\"font-size: 22px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.5; font-weight: bold; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">for</span><span style=\\\"font-size: 22px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">迴圈</span></h3><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　還記得在 Python 當中，我們這麼寫</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">for</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">迴圈：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">for</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">i</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">in</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">range(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">6</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">):</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">print(i)</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在 JavaScript 當中，則是：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">for</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">i =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">; i &lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">6</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">; i +=</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">) {</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(i); }</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　或者也可以：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">for</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">i =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">; i &lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">6</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">; i ++ ) {</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(i); }</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">i++</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">代表</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">i += 1</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">。</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　另一種寫法：</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">for</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">i</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">of</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;POPCORN&quot;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">) {</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(i); }</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">P</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">O</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">P</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">C</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">O</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">R</span></div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">N</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　想要在程式碼裡加上註解的話，JavaScript 用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">//</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;comment&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(188, 148, 88); line-height: 1.42857; font-style: italic;\\\">// 我是註解</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">Comment</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">undefined</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　或是用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">/*</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">作為註解的開頭，而</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">*/</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">作為註解的結尾：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(188, 148, 88); line-height: 1.42857; font-style: italic;\\\">/*</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(188, 148, 88); line-height: 1.42857; font-style: italic;\\\">這是一段</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(188, 148, 88); line-height: 1.42857; font-style: italic;\\\">簡單的</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(188, 148, 88); line-height: 1.42857; font-style: italic;\\\">小註解</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(188, 148, 88); line-height: 1.42857; font-style: italic;\\\">*/</span></div></div></div><h2 style=\\\"font-size: 26px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 26px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">JavaScript：函數物件</span></h2><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　看到這裡，有沒有對 JavaScript 的寫法越來越有概念了呢？這篇文章要講的最後一種則是 JavaScript 當中的函數。還記得函數是什麼嗎？我們將一個或一組參數送進函數，函數接受參數並執行程式碼，最後回傳結果。在 JavaScript 中，函數是這樣寫的：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">aFunction =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">function</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">參數</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">)</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{ 執行程式碼;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">return</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">結果; }</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　首先用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">function</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">來宣告我們要開始定義一個函數。接著用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">承接函數的參數，並將函數要執行的程式碼放入</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">{}</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">當中，最後，用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">return</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">來返回執行結果。</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">multiplyTwoNumbers =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">function</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">paraOne, paraTwo</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">)</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result = paraOne * paraTwo;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">return</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result; }</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">multiplyTwoNumbers(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">4</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">5</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">20</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　我們也可以這樣定義函數：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">function</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(255, 198, 109); line-height: 1.42857;\\\">anotherFunction</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">paraOne, paraTwo</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">)</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result = paraOne * paraTwo;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">return</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result; }</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　把函數的名字放在定義函數的關鍵字</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">function</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">和</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">(參數)</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">中間。除此之外，還有第三種寫法：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">theOtherFunction =</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">paraOne, paraTwo</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">) =&gt;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result = paraOne * paraTwo;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">return</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result; }</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　這種方式叫做箭號函數(Arrow Function)，用箭號(</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">=&gt;</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">)暗指一個函數，箭號前是參數，箭號後則是函數的執行內容。最後，因為我們的函數其實相當簡單，一行程式碼便可結束，因此我們的函數還可以再簡化成：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">simpleFunction =</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">paraOne, paraTwo</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">) =&gt;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">paraOne * paraTwo;</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　箭號前是函數的參數，箭號後則直接放入我們需要的回傳值。</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　此外，當我們想要放入多個數量不定的參數時，可以這樣做：</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">function</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(255, 198, 109); line-height: 1.42857;\\\">multiplyNumbers</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">...paras</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">)</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result =</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">;</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">for</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">para</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">of</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">paras) {</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result *= para;</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">}</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">return</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">result;</span></div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">}</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; multiplyNumbers(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">4</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">5</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">6</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">7</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">);</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">840</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　既然我們對 JavaScript 的函數有一些初步的認識了，那麼就打鐵趁熱再介紹些 JavaScript 內建常用的序列(Array)函數吧：</span></div><ul style=\\\"font-size: 18px; box-sizing: border-box; margin-top: 0px; padding-left: 30px; margin-bottom: 30px;\\\"><li style=\\\"box-sizing: border-box; font-size: 18px; margin: 6px 0px;\\\"><div><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">forEach()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：對序列中的每個項目執行同一種操作。</span></div></li></ul><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">arrayExample = [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">5</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">8</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">];</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">arrayExample.forEach(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">i</span> =&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(i));</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">2</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">5</span></div><div><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">8</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　再舉一例：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">alpacaInfo = [{</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;吉姆&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">: [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">100</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">78</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]},</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(188, 148, 88); line-height: 1.42857; font-style: italic;\\\">//草泥馬的名字: [身高(cm), 體重(kg)]</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;威廉&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">: [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">102</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">82</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]},</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;彼得&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">: [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">93</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">71</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]},</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;法蘭克&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">: [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">98</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">80</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]}];</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">alpacaInfo.forEach(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">x</span> =&gt;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">console</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.log(</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">`</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">${</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">.keys(x)}</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">的 BMI:</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">${</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">.values(x)[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">][</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">]*</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">10000</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">/Object.values(x)[0][0]/</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">.values(x)[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">][</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(81, 159, 80); line-height: 1.42857; box-sizing: border-box;\\\">]}</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857; box-sizing: border-box;\\\">`</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)})</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">吉姆的 BMI:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">78</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">威廉的 BMI:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">78.8158400615148</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">彼得的 BMI:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">82.0904150768875</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">法蘭克的 BMI:</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">83.29862557267805</span></div></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　在</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">forEach</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">當中放入一個函數，這個函數會對序列當中每一個項目執行相同的程式碼：</span></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; anArray.forEach(</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">anArray當中的項目</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">) =&gt;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">{ 函數的程式碼; } );</span></div></div><ul style=\\\"font-size: 18px; box-sizing: border-box; margin-top: 0px; padding-left: 30px; margin-bottom: 30px;\\\"><li style=\\\"box-sizing: border-box; font-size: 18px; margin: 6px 0px;\\\"><div><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">map()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：對序列中的每個項目執行程式碼後，回傳新的序列</span></div></li></ul><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(194, 98, 48); line-height: 1.42857;\\\">let</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">alpacaHeightInMeters = alpacaHeight.map(</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">x</span> =&gt;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">x /</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">100</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div><div><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">alpacaHeightInMeters</span></div></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt; [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1.02</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0.93</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0.98</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]</span></div></div><ul style=\\\"font-size: 18px; box-sizing: border-box; margin-top: 0px; padding-left: 30px; margin-bottom: 30px;\\\"><li style=\\\"box-sizing: border-box; font-size: 18px; margin: 6px 0px;\\\"><div><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">filter()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：回傳一個序列中符合判斷的項目</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　查查看身高高於等於 100 公分的草泥馬有哪些？</span></div></li></ul><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; alpacaInfo.filter(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">x</span> =&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.values(x)[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">][</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">] &gt;=</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">100</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt; [{吉姆: [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">100</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">78</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]}, {威廉: [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">102</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">82</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]}]</span></div></div><ul style=\\\"font-size: 18px; box-sizing: border-box; margin-top: 0px; padding-left: 30px; margin-bottom: 30px;\\\"><li style=\\\"box-sizing: border-box; font-size: 18px; margin: 6px 0px;\\\"><div><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">some()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：檢查一個序列中是否有項目符合指定的判斷？</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　這幾隻草泥馬當中，是否有任何一隻的身高超過 100 公分的草泥馬？</span></div></li></ul><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; alpacaInfo.some(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">x</span> =&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.values(x)[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">][</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">] &gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">100</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">true</span></div></div><ul style=\\\"font-size: 18px; box-sizing: border-box; margin-top: 0px; padding-left: 30px; margin-bottom: 30px;\\\"><li style=\\\"box-sizing: border-box; font-size: 18px; margin: 6px 0px;\\\"><div><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">every()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：檢查一個序列中，是否每一個項目都符合指定的判斷？</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　那是否所有的草泥馬身高都高於 100 公分呢？</span></div></li></ul><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; alpacaInfo.every(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">x</span> =&gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.values(x)[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">][</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">] &gt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">100</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">false</span></div></div><ul style=\\\"font-size: 18px; box-sizing: border-box; margin-top: 0px; padding-left: 30px; margin-bottom: 30px;\\\"><li style=\\\"box-sizing: border-box; font-size: 18px; margin: 6px 0px;\\\"><div><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">reduce()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">：將序列中的項目進行累積性的運算，並傳回最後的結果</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　這個函數比較不容易說清楚，我們直接來看程式碼：</span></div></li></ul><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; alpacaInfo.map(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\"><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">x</span>=&gt;</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(109, 156, 190); line-height: 1.42857;\\\">Object</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">.values(x)[</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">][</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">1</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">]).reduce(</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">totalWeight, x</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">) =&gt;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">totalWeight + x,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">311</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　上面那段程式碼，我們首先用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">alpacaInfo.map(x=&gt;Object.values(x)[0][1])</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">做出一份只有紀錄了草泥馬體重的序列，接著在這個序列上用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">.reduce((totalWeight, x) =&gt; totalWeight + x, 0)</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">把這個序列當中所的有項目加總起來，得到 4 隻草泥馬的體重總和。</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　我們讓</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalWeight</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">在</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">reduce()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">當中扮演累積的結果，而</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">x</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">則是代表序列中的項目。</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">reduce()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">在執行的時候，會先初始化一個</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalWeight</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">。這個</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalWeight</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">一開始的值，我們指定為</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">0</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">。接著掃過序列中的所有項目，並在掃過項目的同時，執行</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalWeight + x</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">這個程式碼，掃過序列中的所有項目之後，我們就得到體重的總和</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalWeight</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">。</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　看個不那麼複雜的例子：</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&gt; [</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;吉姆&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;威廉&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;彼得&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">&quot;法蘭克&quot;</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">].reduce(</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">(</span><span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(208, 208, 255); line-height: 1.42857;\\\">totalChar, x</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857; box-sizing: border-box;\\\">) =&gt;</span> <span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">totalChar + x.length,</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">0</span><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">)</span></div></div><div style=\\\"font-size: 15px; overflow: auto; box-sizing: border-box; margin: 0px 0px 26px; word-break: break-all; overflow-wrap: break-word; tab-size: 4; padding: 16px; background-color: rgb(35, 35, 35); border: none; border-radius: 4px;\\\"><div style=\\\"box-sizing: border-box; white-space: pre-wrap; font-size: inherit; border-radius: 0px; overflow-x: auto; background: rgb(35, 35, 35); padding: 0.5em;\\\"><span style=\\\"font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(230, 225, 220); line-height: 1.42857;\\\">&lt;</span> <span style=\\\"box-sizing: border-box; font-size: 15px; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(165, 194, 97); line-height: 1.42857;\\\">9</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　上面那個例子，我們用</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">reduce</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">算出序列中每個項目字串長度的總和。</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalChar</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">是累積的結果，</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">x</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">代表每一個項目，我們將</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalChar</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">初始化為</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">0</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">，接著掃過序列中的所有項目，並在每掃過一個項目時執行</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">totalChar + x.length</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">。</span></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　想要看更多</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">reduce()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">的例子，或是更詳細的瞭解</span><span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">reduce()</span><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">運作的方式，可以到這個網站➃來參考看看。</span></div></div><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">　　好了，JavaScript 的速成班就到這結束了，若對 JavaScript 想更了解的朋友，記得把 Eloquent JavaScript➂ 翻來看一看，或是查看 FireFox 提供的線上資源➄。我們就介紹到這裡，下課囉！</span></div><h2 style=\\\"font-size: 26px; box-sizing: border-box; margin-top: 30px; margin-bottom: 14px;\\\"><span style=\\\"font-size: 26px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.5; font-weight: bold;\\\">參考資料</span></h2><div style=\\\"font-size: 18px; box-sizing: border-box; margin: 0px 0px 26px;\\\"><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">➀</span> <a href=\\\"https://ithelp.ithome.com.tw/users/20112656/ironman/2782\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">好 Js 不學嗎 !?</a></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">➁</span> <a href=\\\"https://ithelp.ithome.com.tw/users/20119486/ironman/2679\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">RE：從零開始的學習 JS 生活</a></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">➂ Eloquent JavaScript</span> <a href=\\\"https://eloquentjavascript.net/\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">官方</a></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">➃ 開發者開發資源網站</span> <span style=\\\"font-size: 90%; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(199, 37, 78); line-height: 1.7; background-color: rgb(249, 242, 244); box-sizing: border-box; padding: 2px 4px; border-radius: 4px;\\\">reduce()</span> <a href=\\\"https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">在線說明</a></div><div><span style=\\\"font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(48, 50, 51); line-height: 1.7;\\\">➄ 開發者開發資源</span><a href=\\\"https://developer.mozilla.org/en-US/\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 18px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">官方網站</a></div></div><blockquote style=\\\"font-size: 17.5px; box-sizing: border-box; padding: 10px 20px; margin: 0px 0px 20px; border-left: 5px solid rgb(203, 214, 223);\\\"><div style=\\\"box-sizing: border-box; margin: 0px 0px 26px; font-size: 17px;\\\"><div><span style=\\\"font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(96, 104, 112); line-height: 1.7;\\\">註：對於此系列文有興趣的讀者，歡迎參考由此系列文擴編成書的</span> <a href=\\\"https://www.tenlong.com.tw/products/9789864345496?list_name=i-r-zh_tw\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">LINE Bot by Python</a><span style=\\\"font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(96, 104, 112); line-height: 1.7;\\\">，以及最新的系列文《賴田捕手：追加篇》</span></div><div><a href=\\\"https://ithelp.ithome.com.tw/articles/10254814\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">第 31 天</a> <span style=\\\"font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(96, 104, 112); line-height: 1.7;\\\">初始化 LINE BOT on Heroku</span></div><div><a href=\\\"https://ithelp.ithome.com.tw/articles/10254910\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">第 32 天</a> <span style=\\\"font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(96, 104, 112); line-height: 1.7;\\\">快速回覆 QuickReply 介紹</span></div><div><a href=\\\"https://ithelp.ithome.com.tw/articles/10254983\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">第 33 天</a> <span style=\\\"font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(96, 104, 112); line-height: 1.7;\\\">妥善運用 Heroku APP 暫存空間</span></div><div><a href=\\\"https://ithelp.ithome.com.tw/articles/10255064\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">第 34 天</a> <span style=\\\"font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(96, 104, 112); line-height: 1.7;\\\">妥善運用 LINE Notify 免費推播</span></div><div><a href=\\\"https://ithelp.ithome.com.tw/articles/10255159\\\" style=\\\"background-color: transparent; box-sizing: border-box; transition: all 0.2s ease 0s; font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; line-height: 1.7; color: rgb(0, 160, 233); text-decoration: none;\\\" target=\\\"_blank\\\">第 35 天</a> <span style=\\\"font-size: 17px; font-family: Lato, &quot;PingFang TC&quot;, &quot;Helvetica Neue&quot;, Helvetica, 微軟正黑體, 新細明體, Arial, sans-serif; color: rgb(96, 104, 112); line-height: 1.7;\\\">製造 Deploy to Heroku 按鈕</span></div></div></blockquote><div style=\\\"font-size: 18px;\\\"></div></div></div></div></div></div></div></div></div></div></div></div></div><div><br/></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":272106}]"
metadata_diff: {"new":{"id":"6e6486c18e144fe79652608b8e1e4f00","parent_id":"061de1401cfc4cfaadf6e74e015970e9","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764345730654,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T16:12:45.348Z
created_time: 2025-11-28T16:12:45.348Z
type_: 13