這堂課所要做的練習沒有任何介面，純粹是JavaScript關於Array的基本功訓練，裡面共有八個小練習，主要是關於Array的四種函式：filter、map、sort、reduce。我認為這堂課是相當重要的，因為Array是非常常用的一種資料型態，若能夠熟悉這幾種函式，在開發時就可以將程式碼提煉再提煉、濃縮再濃縮。而且這堂課老師在寫範例時，會先用我們平常會用的寫法來寫，最後再示範一個簡潔有力的寫法，你就會如醍醐灌頂地發現，Wow cow~原來可以這樣寫！

邏輯流程

在教材中已經有幫你建立好一個叫inventors的Array，其中有各個inventor的first name、last name、出生年以及逝世年。而這堂課八個獨立的小練習分別是：

1. 利用filter篩選出出生在1500~1600年的發明家。
2. 利用map來建立一個內容為inventors全名的Array。
3. 利用sort依據出生年將inventors排序，由老到年輕。
4. 利用reduce將所有inventors歲數加起來。
5. 利用sort依據inventors的歲數來排序。
6. 從這個維基百科找出所有名稱含有"de"的大道。
7. 利用教材建好的people Array，將人名根據last name做字母排序。
8. 利用教材建好的data Array，將各種車型做數量統計。

課程重點

• 不論是filter、map、sort、reduce，每個函式都是將Array成員以迴圈的方式跑過一遍。

1. filter函式是用來做Array的篩選，在函式內建立判斷條件，其回傳true的Array成員將被保留。如第一小題

   const fifteen = inventors.filter(inventor => (inventor.year >= 1500 && inventor.year < 1600));
   

2. map函式可以想成是用來將Array裡的成員做加工，如第二小題

   const fullnames = inventors.map(inventor => `${inventor.first} ${inventor.last}`);
   

3. sort函式是用來做Array成員的排序，通常會需要兩個參數，分別是前一個成員及下個成員，如第三小題

   const ordered = inventors.sort((a, b) => a.year > b.year ? 1 : -1);
   

4. reduce函式是將一個Array輸出成一個值，而此函式至少需要兩個參數(total,inventor)，total是每個迴圈跑完的return。需要注意的是，在跑第一個迴圈的時候沒有total，因此要做一個初始，如第四小題

const totalyears = inventors.reduce((total, inventor) => {
      return total + (inventor.passed - inventor.year);
    }, 0)

延伸閱讀

• 第三小題的sort可改寫為

const ordered = inventors.sort((a, b) => a.year-b.year);

• console.table()可以將Array以表格的方式清楚顯示在Chrome console