回到首頁
李明哲多媒體寫作教學

2026年6月2日 星期二

陣列的作用和操作



1


按下去,就有「相應的」的文字跑出來。這「相應的」的文本表現需求,就應可以使用陣列這種程式寫作思維來想看看。

const cars = ["Saab", "Volvo", "BMW"];

這是陣列 an array 語法形態。可以看到,cars 是陣列名稱。裡面包含了三個內容物。

為什麼要使用這種,是在一種什麼樣的思考推動下,所以要採用陣列的操作模式來完成作品。

陣列會給裡面的內容物一種序列,有數字的序列,從 0 開始。這樣,我們就可以用「數字」來指稱內容物,而加以使用。

在javascript中,使用數字和使用名詞是完全不相同的,運思邏輯。

同樣是 1 ,當成數字使用字,就可以進行加減乘除。如果當成名詞,就只是一個「文字」。文字,無法進行數字運算。

我們把陣列轉成數字序列,可以使用下列語法表示:

const  index = cars.indexOf("saab");

saab 所代表的序列數字是 0。然後,我們可以用數字來運算了。 0+1=1,所以現在指向了 Volvo 。

看一下下列語法,空白框      被填入的效果是 空白 ,空白框有變化了。


語法:

<script>
const cars = ["Saab", "Volvo", "BMW"];
let index = cars.indexOf("Saab");
let indexch = index + 1;
document.querySelector("#testid0603").textContent = cars[indexch];
</script>