---
# System prepended metadata

title: 使用for迴圈來控制圖案位置：

---

#  **使用for迴圈來控制圖案(⚙️)位置 [JavaScript]**

```javascript=+
function Up(text) {
    for (let i = 0; i < text.length; i++) {
        var __text = text[i];
        if (__text.includes('⚙️')) { // 使用For迴圈尋找是否文字中有符合的Icon
            text[i] = text[i].replace("⚙️", ""); // 移除當前Icon
            if (i === 0) {
                text[text.length - 1] = "⚙️" + text[text.length - 1]; 
                // 因為此函數是將Icon往上移，
                // i = 0 代表已經在最上層了，所以要移動到最下層，
                // 又因為text.length是數量計算方法而不是陣列(a = [1,2,3] , a[1] = 2)。
            } else {
                text[i - 1] = "⚙️" + text[i - 1]; // 將Icon向上移動。
            }
            return { text };
        }
    }
}

function Down(text) {
    for (let i = 0; i < text.length; i++) {
        var __text = text[i];
        if (__text.includes('⚙️')) {
            text[i] = text[i].replace("⚙️", "");
            if (i === text.length - 1) { // i 位置在最下層，所以把Icon控制到最上層。
                text[0] = "⚙️" + text[0];
            } else {
                text[i + 1] = "⚙️" + text[i + 1]; // 將Icon向下移動。
            }
            return { text };
        }
    }
}
```

我這個是基於**Discord bot**製作的，他使用button控制⚙️的位置(例如：讓⚙️控制在第一行)。



---


> [name=BlackInk7777]這是一個算是我很久之前的作品了，最近發現這裡可以發心得所以我來發發看，我平常也沒有做註解的習慣，所以這次來發花了很多時間做註解，這是我第一次碰Javascript做出來的東西 : )。

- [✔️] 程式碼如果需要可以直接使用。
- [✔️] 分享貼文請標註來源。

![成品](https://hackmd.io/_uploads/B1VQwAQzT.png)
