常用到的 JavaScript

redd

1. const copyToClipboard = (text) => navigator.clipboard.writeText(text);
   
2. 
   
3. copyToClipboard("Hello World");

複製代碼

把文字複製到剪貼簿。

redd

1. const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);
   
2. 
   
3. capitalize("follow for more"); // Result: Follow for more

複製代碼

把第一個字母轉成大寫。

redd

1. const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000);
   
2. 
   
3. dayDif(new Date("2020-10-21"), new Date("2021-10-22"));
   
4. // Result: 366

複製代碼

算天數。

redd

1. const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));

複製代碼

清除網頁上的所有 Cookies.

redd

1. const removeDuplicates = (arr) => [...new Set(arr)];
   
2. 
   
3. console.log(removeDuplicates([1, 2, 3, 3, 4, 4, 5, 5, 6]));
   
4. // Result: [ 1, 2, 3, 4, 5, 6 ]

複製代碼

把 Array 中重複的去掉。

redd

1. const getParameters = (URL) => {
   
2.   URL = JSON.parse('{"' + decodeURI(URL.split("?")[1]).replace(/"/g, '\"').replace(/&/g, '","').replace(/=/g, '":"') +'"}');
   
3.   return JSON.stringify(URL);
   
4. };
   
5. 
   
6. getParameters(window.location);
   
7. // Result: { search : "easy", page : 3 }

複製代碼

取出網址中的參數，例如網址是: goole.com/?search=easy&page=3

redd

1. const isEven = num => num % 2 === 0;
   
2. 
   
3. console.log(isEven(2));
   
4. // Result: True

複製代碼

判斷偶數或奇數。

redd

1. const average = (...args) => args.reduce((a, b) => a + b) / args.length;
   
2. 
   
3. average(1, 2, 3, 4);
   
4. // Result: 2.5

複製代碼

計算幾個數字的平均數。

redd

1. const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;
   
2. 
   
3. isNotEmpty([1, 2, 3]);
   
4. // Result: true

複製代碼

檢查 Array 是不是空的？

redd

1. const getSelectedText = () => window.getSelection().toString();
   
2. 
   
3. getSelectedText();

複製代碼

取得選取的文字。

redd

1. const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
   
2. 
   
3. console.log(isDarkMode);
   
4. // Result: True or False

複製代碼

Detect Dark Mode: Check if a user’s device is in dark mode.