「JavaScript 30」學習筆記（十七）

前言

本文為「JavaScript 30」教學影片的學習筆記。

目標

對一個陣列進行排序，並忽略英文中的冠詞。

筆記

設定一個 stript() 方法，以去除英文中的冠詞。

function stript(bandName) {
    return bandName.replace(/^(a |the |an )/i, '').trim();
}

• 正則表達式中的「^」用來匹配輸入的開頭。
• 正則表達式中的「/i」用來忽略英文大小寫。
• trim() 方法會移除字串前後的空白字元以及行結束字元。

---

對 bands 陣列進行排序。

const sortedBands = bands.sort((a, b) => stript(a) > stript(b) ? 1 : -1);

---

將 #bands 元素替換為陣列元素項目。

document.querySelector('#bands').innerHTML =
    sortedBands
        .map(band => `<li>${band}</li>`)
        .join('');

• map() 方法會建立一個新的陣列，其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。
• join() 方法會將陣列中所有的元素連接、合併成一個字串，並回傳此字串。