讓我們繼續探索，我們還能利用物件做什麼。
我們回到程式設計裡使用函數的教程。
這程式有「繪製溫斯頓」的函數，
它知道如何繪製溫斯頓，
於所指定的 X 和 Y 座標。
在這裡，我們呼叫「繪製溫斯頓」四次。
每次以不同組合的 X 和 Y 坐標。
當我看到這四組「繪製溫斯頓」的呼叫程式，
是如此相似時，我就想到更方便的方式是，
如果我們能使用一個循環圈，
然後在循環圈裡只叫它一次，
改變這 X 和 Y 每次循環迭代裡的座標。
要做到這個，我們需要找到
一種方法來儲存這些 X 和 Y 位置，
如此才能於一個陣列裡循環它。
目前有兩組的值，所以我們可以有兩個陣列，
一個給 X 的座標和一個給 Y 的座標。
X 的座標可能是 99、
294、101、和 294。
而 Y 的座標我們會有
117，117，316、316。
好了，現在我們可以循環那些
有著我們循環變數 i = 0；
i < x 位置點長度； i++。
如此，我們會按序循環每個
在 x 位置的元素，我們會編寫：
「繪製溫斯頓（x 位置 [i]，
y 位置 [i]）」；
好，讓我們來看看利用刪除是否可行...
好棒，那是可行的。
現在我們只要呼叫這個，只用這行代碼，
來編輯「繪製溫斯頓」
但它就會寫在每個
「x 位置」陣列的位置裡。
我們可以在這裡添加更多的值，例如 10，
那麼我們加 1，然後 1，
然後 1，然後 100，然後 1。
現在它看起來稍微有點亂。我不喜歡這樣，
因為這樣很難看得出來哪些 X 與哪些 Y 相關聯。
我要能一眼就看清楚 X 和 Y 的配對組合。
而不必確保我有完美地上下對齊它們，
例如，像是這樣。
所以，我要找出不同的方式來儲存的這些位置。
一個做法是，我們可以將它們儲存為物件。
想想看，每個位置都有兩位信息：
就是 X 和 Y。所以，我們可以有
一個具有 X 和 Y 屬性的物件，
然後我們有一個包含所有
X 和 Y 位置的陣列物件。
讓我們就這麼做。
將變數位置相等於陣列。
但是，每個元素並不是一個號碼，
而是一個物件。
我們有了我們的大括號，然後我們說，
X: 99，Y: 117。
好，我們現在有了其中一個位置在這裡。
然後在這裡我們再添加一個。
X 應該是 294，117，
第三個會是 101，316，
然後最後一個是294和316。
好，現在我們有了一個陣列物件，
而且每個物件都有，
X 和 Y 的屬性在裡面。
在我們的循環圈裡，我們將更改
它通過「位置點長度」的迭代。
然後，我們會傳遞物件。
現在它正傳遞所有的物件，
但我們想要傳遞 X 和 Y，
所以我們需要
位置 [i] 點 x 和位置 [i] 點 y。
成功！
現在，我們可以刪除這些舊的陣列集群。
太好了，這樣看起來就整齊多了，
代碼更容易閱讀。
不論何時，只要有容易閱讀的代碼
都是較好的。
這樣也會更容易做添加。
所以，如果我要再添加一個，
我只需同時添加一對，
我們可以說 X 是 200，Y 是 200，
中間在放一個小溫斯頓。
很酷。
現在，我要教你一些比這個更炫的東西。
請注意，我們的函數目前接受兩個位數，
然後使用這兩個數字。
我們可以更改我們的函數，
讓它期待一個物件，
然後它在從該物件裡取得 X 和 Y。
這意味著，在這裡我們可以只傳遞物件。
讓我們來試試。
我們傳遞了物件，現在就壞了。
那是因為我們的函數，仍然是期待兩個物件，
而它只獲得一個。所以我們將它更改為
它將獲得「臉位置」。
現在，我們接到了一個錯誤訊息，
它表示「臉X」未被定義。
那是因為之前我們是以論據在傳遞「臉X」，
但目前它並不存在，我們只會得到一個物件。
所以，我們要做的，就是將物件裡X的位置，
儲存在「臉X」的變數裡。
我們有這個物件，
我們知道這個物件裡有一個X屬性，
所以我們只要將它存儲在「臉X」的變數裡。
我們可以對 Y 做同樣的事情，
這樣「臉 Y 等於臉位置點 y」。
成功！
你也知道，其餘的那些函數
會使用「臉X」和「臉Y」。
我們必須確保拼寫的正確性，
如果寫的是 xx,，就會無效。
因為那與我們陣列物件裡的並不一致。
所以它需要能相配。
這樣就滿整齊的。現在你可以有陣列物件，
你可以有附帶物件的函數。
你會發現你的程式，變的非常強大，
因為它們數據的構建方式。
特別是因為它常常將 X 和 Y 配對。
我想你會發現，
它們在這兒的繪製及動畫程式裡，特別好用。
所以，快試試吧！
祝你玩得開心！