iT邦幫忙

2024 iThome 鐵人賽

DAY 18
0

https://ithelp.ithome.com.tw/upload/images/20240818/201441136mM2Ihmh77.png

主題

利用編排文章排序來複習陣列方法sort, map, join, replace, trim 搭配正則的使用。

成果

完整程式碼
Demo效果

實作重點

Javascript

  1. 使用 sort 排序

  2. 目標排除 a, the, an,建立 func: strip

    1. replace 搭配正則去除字母
    2. trim 出空格
    function strip(bandName) {
      return bandName.replace(/^(a |the |an )/i, '').trim();
    }
    
  3. 畫面呈現

    1. 抓到元素 bands

      const sortedBands = bands.sort((a, b) => strip(a) > strip(b) ? 1 : strip(b) > strip(a) ? -1 : 0);
      
    2. map 把每個字加上 li

    3. 把每個字join 進去


上一篇
【Day17】16 - Mouse Move Shadow 
下一篇
【Day19】18 - Adding Up Times with Reduce
系列文
AI 時代,基礎要有:JavaScript30 打下紮實基礎31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言