15 個高效實用的 JavaScript 程式碼

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

1. 字首大寫

const capitalizeFirstLetter = (str) =>    `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
capitalizeFirstLetter(‘hello’); // ‘Hello’

2. 縮減字數

const truncate = (str, maxLength) =>    str.length > maxLength ? `${str.slice(0, maxLength)}...` : str;
truncate(`I'm telling you a long story`, 3); // I'm...

3. 取得選取文字

const getSelectedText = () => window.getSelection().toString();getSelectedText();

4. 純文字貼上

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.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ray C

Ray C

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

More from Medium

Advanced JavaScript Concepts 1: Lexical Scope

Type of Functions in Javascript

How JavaScript Work and Execution Context?

Intro to Programming using Javascript