鐵人檔案
在前端的日常開發中，數組使用的頻率非常高，所以充分熟悉各種常見的方法後，能提升工作的效率。 1. 基本語法 數組有三種創建的方法: //第一種 [] var a...
1. 過濾數組 filter filter()方法返回一個新數組，包含通過callback function測試的所有element。語法如下: var new...
解構賦值(Destructuring Assignment)是一個在ES6的新特性，用於提取陣列或物件中的資料，解構賦值可以想像是鏡子的概念，將右方的資料往左邊...
Map與Object Map是像object一樣帶有key、value的集合，只是最大的差別是Map允許任何類型的key值，底下為屬性與方法: new Map...
Set與Map不同再於Set沒有key，是指有包含值的特殊集合，且每個值只能出現一次不能重複。 Set的方法: new Set(iterable) : 創建一...
算是檢驗自己對JavaScript理解一個很好的方法: 範例 : const cat1 = { name:"咪咪", age...
測試範例: const cat = { name : "Toby", color:"虎斑", a...
開發過程中常常會需要使用console.log()來檢視輸出是否正確，所以能夠妥善運用各種console的方法是很有幫助的。 範例 : const cat1 =...
在開發中，為了避免單一檔案太大，通常會使用模組管理，分拆每個檔案視為獨立的模組，透過import、export匯出匯入來使用。 如果要在瀏覽器運行模組化，需要在...
setInterval 使用setInterval每秒做多次的細微變化(css改變)，當次數夠多畫面就會流暢許多: let delay = 1000 / 次數...
