一、如果我們有好多資料呢?

上一篇了解了變數及函數，一筆資料我們還可以慢慢處理，但當我們遇到資料太多時怎麼辦?

舉例來說:

我要把很多個JavaScript的技術名稱記下來

let skill1 = "HTML";
let skill2 = "CSS";
let skill3 = "JavaScript";
let skill4 = "GSAP";

這樣子一個一個寫，在還沒記下來之前，就自己把自己弄暈了。
這時候就會需要我們的超級好幫手Array(陣列)。

let skills = ["HTML" , "CSS" , "JavaScript" , "GSAP"];
consuole.log(skills);

這樣就可以將好幾行的程式縮小到只剩下兩行即可呈現原有的樣子，再來如果只想要其中的一筆資料，可以使用「索引」來尋找，這裡[0]代表第一個資料。

let skills = ["HTML" , "CSS" , "JavaScript" , "GSAP"];
consuole.log(skills[0]);

二、那Object是什麼呢?

今天不單純只是要記好幾筆資料，而是想要描述一個東西甚至是一段話，我們就會需要新的小幫手Object(物件)。

舉裡來說

我需要介紹自己的名字年齡及技能。

let me = {
    title : "betty",
    age : 20,
    skill : "JavaScript"
}

Object可以將「名稱」及「對應的資料」放在一起，就想像你在破關卡，需要進入遊戲就要先走正確的通道，選到名稱 me，然後繼續往下看需要什麼資料再逐一選擇即可找到正解，取得資料時:

console.log(me.title);
console.log(me.skill);

三、結論

來個小統整:

👉🏻 Array → 一次整理很多筆資料 Object → 用名稱整理相關資料

到今天已經不只學會控制網頁，也開始學會整理程式裡的資料，不過資料整理好了之後，如果每筆資料都要自己處理，還是會很麻煩呀。畢竟我討厭麻煩的事，都喜歡偷懶。

下一篇，就來看看 JavaScript 怎麼一次處理一大堆資料！