在按鈕單擊 Javascript 上切換索引上的數組值

Question

我有一個數組，我想在“x”和“a”之間單擊按鈕時在 0 索引上切換它的值，但這不起作用。我不明白我做錯了什么，我是 JavaScript 新手。

 function toggle() { let array = ['x', 'r', 'r']; let i = 0; if (array[i] == 'a') { array[i] = 'x'; } else { array[i] = 'a'; } console.log(array) }

 <button onclick='toggle()'>Toggle</button>

預期產出

["a", "r", "a"]
["x", "r", "a"]
["a", "r", "a"]
["x", "r", "a"]

但得到

["a", "r", "a"]
["a", "r", "a"]
["a", "r", "a"]
["a", "r", "a"]

Answer 1

在toggle之外聲明數組，以便可以通過多次調用toggle觀察到它的更改：

 const array = ['x', 'r', 'r']; function toggle() { let i = 0; if (array[i] == 'a') { array[i] = 'x'; } else { array[i] = 'a'; } console.log(array) }

 <button onclick='toggle()'>Toggle</button>

否則，您將在每次調用時創建一個包含['x', 'r', 'r']的新數組，因此它會將第一個元素從x更改為x並記錄["a", "r", "a"]每次。