自從工作開始分前後端分離之後，JavaScript 的東西就比較少去鑽研。但近期工作又開始大量使用到 JavaScript ，開發的途中會需要重複使用一些迴圈函數。還記得為了因應瀏覽器的變化以及複雜程度， jQuery 的出現就讓開發者省去不少事情，DOM 的迴圈 each 可以直接從選擇器的 $(dom).each 來使用，演變到現在瀏覽器大多直接使用 querySelectorAll 的方法來跑 forEach， ECMAScript 的演化大大降低了對 jQuery 的依賴程度，開發前端開始探究起 JavaScript 的深度，進而演變許多框架，想要學好JavaScript MDN 就是個很好用的工具。
寫程式不需要一步到位，逐步漸進的達成目的，有機會再去把程式碼精簡調校，能夠理解其原理才會是最好的解法
這次就用個簡單的範例，當遇到表格的時候，要怎麼轉成 一般的 Plain Object ，這個例子也是我使用 Greasemonkey 腳本開發的時候，要將 DOM 的內容轉換成可以快速重複利用資料的做法，當使用腳本的時候，需要分解的網頁會是結果，要轉換成可利用的資料還需要經過一番抓取變換，熟悉操作之後就可以很容易地將資料轉換成畫面。
首先來一個範例：