WEBVTT

00:00:01.238 --> 00:00:04.395
你們已經學習到怎樣使用
變數來存儲數字或字符串

00:00:04.395 --> 00:00:06.245
現在我們要學習列陣

00:00:06.245 --> 00:00:09.675
這讓我們能把多個事項
存儲在一個變數裡

00:00:09.675 --> 00:00:12.980
正如你們將看到的 
列陣讓我們做出各種有用的東西

00:00:12.980 --> 00:00:14.622
首先我們複習一下變數，好嗎?

00:00:14.622 --> 00:00:18.531
我們有 <i>var myFriend = "Sophia"</i>

00:00:19.761 --> 00:00:22.640
因此變數只是儲存數值的
一種方法，如索菲亞

00:00:22.640 --> 00:00:26.600
並給它一個標籤，使我們的程式
稍後可用簡單的方法引用它

00:00:26.600 --> 00:00:28.109
我們把它想像成一個抽屜

00:00:28.109 --> 00:00:32.389
外面貼上了 <i>myFriend</i> 的標籤
而索菲亞就在裡面

00:00:32.389 --> 00:00:35.118
每當我們要查看裡面時
就會找到索菲亞

00:00:36.198 --> 00:00:39.946
有時我們要把幾個數值
存在一個變數裡

00:00:39.946 --> 00:00:44.191
而我們不能這樣做
因為會出現語法錯誤

00:00:44.191 --> 00:00:46.271
我們的程式及所有東西都會表現失常

00:00:46.271 --> 00:00:48.582
因此我們有特別的方法去處理

00:00:48.582 --> 00:00:50.572
就是使用列陣

00:00:50.572 --> 00:00:53.189
我們可以說 <i>myFriends = </i>

00:00:53.189 --> 00:00:55.729
然後添加方括號

00:00:55.729 --> 00:00:58.599
在裡面放進所有的數值

00:00:58.599 --> 00:01:03.716
譬如說，我們放入索菲亞、約翰及雷夫

00:01:03.716 --> 00:01:06.338
好的，這些是我的三個朋友

00:01:06.338 --> 00:01:09.384
或者是以我喜歡他們的高低程度排列
但不要告訴他們

00:01:09.384 --> 00:01:12.984
現在我們的變數裡
有三個數值，不只一個

00:01:12.984 --> 00:01:15.191
我們可以想像一下就像一個斗櫃

00:01:15.191 --> 00:01:18.191
我們把這標籤 <i>myFriends</i>
貼到整個斗櫃上

00:01:18.191 --> 00:01:20.369
因此我們可以打開正確的抽屜

00:01:20.369 --> 00:01:22.669
找尋我們要找的數值，對吧?

00:01:23.689 --> 00:01:24.875
你們想像一下，有一個斗櫃

00:01:24.875 --> 00:01:27.745
如果要知道第一層抽屜放什麼

00:01:27.745 --> 00:01:29.775
只需打開抽屜看看

00:01:29.775 --> 00:01:31.950
我們如何使用列陣才能做到這樣?

00:01:31.950 --> 00:01:34.372
我們只需輸入陣列的名稱

00:01:34.372 --> 00:01:36.102
然後再次添加括號

00:01:36.102 --> 00:01:37.542
哦，我拼錯了-

00:01:39.432 --> 00:01:42.652
然後是列陣裡的任何數字，對吧?

00:01:42.652 --> 00:01:45.459
或者我們設定為1，好吧?

00:01:45.459 --> 00:01:46.669
讓我們實際地嘗試下

00:01:46.669 --> 00:01:50.869
使用文字指令並在畫布顯示索菲亞

00:01:50.869 --> 00:01:55.125
我們會說 <i>myFriends</i>
哦，朋友這個字很難拼寫吧?

00:01:55.125 --> 00:01:59.565
那麼 <i>myFriends[1]</i>
我們放在這裡

00:01:59.565 --> 00:02:01.875
哦，讓我們補充一下

00:02:01.875 --> 00:02:06.266
好的，我們看到約翰
為什麼我們會看到約翰?

00:02:06.266 --> 00:02:09.366
我們在元素索引說 1，對嗎?

00:02:09.366 --> 00:02:11.177
1 就在這裡

00:02:11.177 --> 00:02:15.513
嗯，是因為列陣由 0 開始，不是 1

00:02:15.513 --> 00:02:19.833
起初它肯定會顯得有點怪
但你們會漸漸習慣

00:02:19.833 --> 00:02:24.075
如果我們放置 0
就會看到索菲亞，對嗎?

00:02:24.075 --> 00:02:26.125
然後如果我們要顯示下一個元素

00:02:26.125 --> 00:02:27.754
就會使用1，對嗎?

00:02:27.754 --> 00:02:30.156
然後如果我們要顯示最後的元素

00:02:30.156 --> 00:02:32.466
第三個元素，那麼我們就會使用 2

00:02:33.046 --> 00:02:36.616
所以你們想像一下
"好的，究竟我要檢索哪個?"

00:02:36.616 --> 00:02:38.267
哦，讓我們展開這些

00:02:38.267 --> 00:02:41.298
它被放在什麼位置
然後，你就減去1

00:02:41.298 --> 00:02:43.742
因此第一個是 0，第二個是 1

00:02:43.742 --> 00:02:46.902
第三個是 2, 等等...

00:02:46.902 --> 00:02:51.927
如果我忘記了怎麼辦
而我要連接雷夫?

00:02:51.927 --> 00:02:55.920
那麼我們會說 <i>myFriends[3]</i>
而什麼也得不到

00:02:55.920 --> 00:02:58.490
因為那裡什麼都沒有，對不?

00:02:58.490 --> 00:03:02.149
當我們說,3，它就會尋找第四個元素

00:03:02.149 --> 00:03:05.432
而根本沒有第四個元素
因此什麼也沒有

00:03:05.432 --> 00:03:07.647
當你們使用列陣時可以發生很多事

00:03:07.647 --> 00:03:09.697
所以要注意這件事

00:03:09.697 --> 00:03:12.035
當我嘗試連接100 時
也會發生同樣的事

00:03:12.035 --> 00:03:15.426
因為我並沒有一百個朋友
我就只有三個

00:03:15.426 --> 00:03:19.132
那麼我們什麼也沒有，對吧?
讓我們清除那些東西

00:03:19.132 --> 00:03:21.771
譬如說現在我們
要記錄有多少個朋友

00:03:21.771 --> 00:03:23.981
因為我真的很自豪
我有三個朋友

00:03:23.981 --> 00:03:25.721
我想讓大家都知道

00:03:25.721 --> 00:03:28.693
所以打算向全世界宣布

00:03:28.693 --> 00:03:32.508
<i>"我有" + numFriends + "朋友!!!"</i>

00:03:32.898 --> 00:03:34.398
嘩，沒事的

00:03:36.668 --> 00:03:40.348
我有三個朋友，好極了!
哦，這不是很多

00:03:40.348 --> 00:03:43.989
好的，也許 Winston 為我覺得難過
因此願意成為我的朋友

00:03:43.989 --> 00:03:45.679
他說我可以把他添加到列陣

00:03:45.679 --> 00:03:47.375
然後，我想說
"好的，真棒，謝謝你 Winston。"

00:03:47.375 --> 00:03:48.835
那麼我添加了 Winston

00:03:48.835 --> 00:03:50.958
哦，但它仍然說我只有三個朋友

00:03:50.958 --> 00:03:53.929
因為我要到這裡更新這個變數

00:03:53.929 --> 00:03:56.736
這意味著當我每次添加東西到列陣

00:03:56.736 --> 00:03:59.796
也要更新這變數，這真的很煩人

00:03:59.796 --> 00:04:01.436
特別是你們全部一直看著

00:04:01.436 --> 00:04:03.430
你決定成為我的朋友

00:04:03.430 --> 00:04:05.330
然後你們知道我一直進行更新

00:04:05.330 --> 00:04:07.640
每一次也要進行更新

00:04:07.640 --> 00:04:09.105
因此我們要注意下面

00:04:09.105 --> 00:04:13.675
我們常常會想要知道列陣的長度

00:04:13.675 --> 00:04:15.755
是有特別的方法可以做到

00:04:15.755 --> 00:04:18.140
列陣會記錄它的長度

00:04:18.140 --> 00:04:20.089
使用一個屬性名為 <i>length</i>

00:04:20.089 --> 00:04:25.365
要使用它，我們只須說
<i>myFriends.length</i>

00:04:25.365 --> 00:04:26.755
那麼就會得知它的長度

00:04:26.755 --> 00:04:29.115
現在它說4 那麼
我可以刪除這變數

00:04:29.115 --> 00:04:30.528
我已不再需要它了

00:04:30.528 --> 00:04:33.024
而每當我們添加東西時
這個屬性就會更新

00:04:33.024 --> 00:04:35.258
也許這個 OhNoes Guy!! 說
他要成為我的朋友，

00:04:35.258 --> 00:04:39.468
我就說: "哦，你是有點壞
但是好吧，你可以成為我的朋友"

00:04:40.168 --> 00:04:42.817
我們可以繼續添加
而它會不斷更新

00:04:42.817 --> 00:04:46.600
這真的很酷，你們知道的

00:04:46.600 --> 00:04:49.600
現在花一點工夫就能記錄列陣的長度

00:04:49.600 --> 00:04:50.861
好了，基本上就這樣

00:04:50.861 --> 00:04:53.541
當你們要存儲像這樣的數值列

00:04:53.541 --> 00:04:54.921
就可使用列陣

00:04:55.571 --> 00:04:57.499
那就繼續收看
來尋找所有很棒的東西

00:04:57.499 --> 00:04:59.088
看看我們可以如何使用這些東西