Ray C

Dec 6, 2020

4 min read

15 個高效實用的 JavaScript 程式碼

JavaScript 能做許多事,尤其透過瀏覽器的 API 或套件,我們得以悠游於巨量資料中,將資料轉換為與使用者溝通的介面,以下就來分享 15 個實用的 Vanilla JS 程式碼:

const capitalizeFirstLetter = (str) =>    `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
capitalizeFirstLetter(‘hello’); // ‘Hello’
const truncate = (str, maxLength) =>    str.length > maxLength ? `${str.slice(0, maxLength)}...` : str;
truncate(`I'm telling you a long story`, 3); // I'm...
const getSelectedText = () => window.getSelection().toString();getSelectedText();
const pastePlainText = (e) => {    e.preventDefault();    let text = (e.clipboardData || window.clipboardData).getData(‘text/plain’    );document.queryCommandSupported(‘insertText’)? document.execCommand(‘insertText’, false, text): document.execCommand(‘paste’, false, text);};window.onpaste = (e) => pastePlainText(e);
純文字貼上
數字大小排列
千分位
計算日期之間的天數
檢查陣列是否為空
拷貝陣列/物件
陣列組合
交換變數值
產生隨機色
偵測觸控設備
取得 cookie 值
移除 DOM 元素

感謝您的閱讀,我試著將生活與自己所學到的知識,以平易近人的方式傳達給正在努力進步的同好,甚至是領域之外卻有興趣的人,您的鼓勵也是我進步的動力。

居住於台北市,熱衷網站開發和設計,認為兩者相輔相臣,致力於做到開發如同揮劍一般優雅。

Love podcasts or audiobooks? Learn on the go with our new app.