獲取瀏覽器Cookie的值
通過使用document.cookie訪問來檢索cookie的值。
const?cookie?=?name?=>?`;?${document.cookie}`.split(`;?${name}=`).pop().split(';').shift();
cookie('_ga');
//?Result:?"GA1.2.1929736587.1601974046"將RGB轉換為十六進制
const?rgbToHex?=?(r,?g,?b)?=>
??"#"?+?((1?<<?24)?+?(r?<<?16)?+?(g?<<?8)?+?b).toString(16).slice(1);
rgbToHex(0,?51,?255);?
//?Result:?#0033ff復制到剪貼板
使用navigator.clipboard.writeText可以輕松將文本復制到剪貼板。
const?copyToClipboard?=?(text)?=>?navigator.clipboard.writeText(text);
copyToClipboard("Hello?World");檢查日期是否有效
使用以下代碼段檢查給定日期是否有效。
const?isDateValid?=?(...val)?=>?!Number.isNaN(new?Date(...val).valueOf());
isDateValid("December?17,?1995?03:24:00");
//?Result:?true查找一年中的某一天
查找給定日期。
const?dayOfYear?=?(date)?=>
??Math.floor((date?-?new?Date(date.getFullYear(),?0,?0))?/?1000?/?60?/?60?/?24);
dayOfYear(new?Date());
//?Result:?272大寫字符串
Javascript沒有內置的大寫函數(shù)，但是我們可以使用以下代碼實現(xiàn)大寫。
const?capitalize?=?str?=>?str.charAt(0).toUpperCase()?+?str.slice(1)
capitalize("follow?for?more")
//?Result:?Follow?for?more查找兩個日期之間的天數(shù)
使用以下代碼段查找給定兩個日期之間的天數(shù)。
const?dayDif?=?(date1,?date2)?=>?Math.ceil(Math.abs(date1.getTime()?-?date2.getTime())?/?86400000)
dayDif(new?Date("2020-10-21"),?new?Date("2021-10-22"))
//?Result:?366清除所有Cookie
你可以通過使用document.cookie訪問cookie并清除它，從而輕松地清除存儲在網頁中的所有cookie。
const?clearCookies?=?document.cookie.split(';').forEach(cookie?=>?document.cookie?=?cookie.replace(/^?+/,?'').replace(/=.*/,?`=;expires=${new?Date(0).toUTCString()};path=/`));生成隨機十六進制
你可以使用Math.random和padEnd屬性生成隨機的十六進制顏色。
const?randomHex?=?()?=>?`#${Math.floor(Math.random()?*?0xffffff).toString(16).padEnd(6,?"0")}`;
console.log(randomHex());
//?Result:?#92b008從數(shù)組中刪除重復項
你可以使用JavaScript中的Set輕松刪除重復項。這是救命稻草。
const?removeDuplicates?=?(arr)?=>?[...new?Set(arr)];
console.log(removeDuplicates([1,?2,?3,?3,?4,?4,?5,?5,?6]));
//?Result:?[?1,?2,?3,?4,?5,?6?]從URL獲取查詢參數(shù)
你可以通過傳遞window.location或原始URLgoole.com?search=easy&page=3從url輕松檢索查詢參數(shù)。
const?getParameters?=?(URL)?=>?{
??URL?=?JSON.parse('{"'?+?decodeURI(URL.split("?")[1]).replace(/"/g,?'\\"').replace(/&/g,?'","').replace(/=/g,?'":"')?+'"}');
??return?JSON.stringify(URL);
};從日期輸出時間
我們可以從給定日期以hour::minutes::seconds的格式輸出時間。
const?timeFromDate?=?date?=>?date.toTimeString().slice(0,?8);
console.log(timeFromDate(new?Date(2021,?0,?10,?17,?30,?0)));?
//?Result:?"17:30:00"檢查數(shù)字是偶數(shù)還是奇數(shù)
const?isEven?=?num?=>?num?%?2?===?0;
console.log(isEven(2));?
//?Result:?True求數(shù)字的平均值
使用reduce方法查找多個數(shù)字的平均值。
const?average?=?(...args)?=>?args.reduce((a,?b)?=>?a?+?b)?/?args.length;
average(1,?2,?3,?4);
//?Result:?2.5滾動到頂部
你可以使用window.scrollTo(0, 0)方法自動滾動到頂部。將x和y都設置為0。
const?goToTop?=?()?=>?window.scrollTo(0,?0);
goToTop();反轉字符串
你可以使用split、reverse和join方法輕松反轉字符串。
const?reverse?=?str?=>?str.split('').reverse().join('');
reverse('hello?world');?????
//?Result:?'dlrow?olleh'檢查數(shù)組是否為空
只要簡簡單單的一行代碼就可以檢查數(shù)組是否為空，返回true或false。
const?isNotEmpty?=?arr?=>?Array.isArray(arr)?&&?arr.length?>?0;
isNotEmpty([1,?2,?3]);
//?Result:?true獲取選定的文本
使用內置的getSelection屬性獲取用戶選擇的文本。
const?getSelectedText?=?()?=>?window.getSelection().toString();
getSelectedText();打亂數(shù)組
使用sort和random方法打亂數(shù)組非常容易。
const?shuffleArray?=?(arr)?=>?arr.sort(()?=>?0.5?-?Math.random());
console.log(shuffleArray([1,?2,?3,?4]));
//?Result:?[?1,?4,?3,?2?]檢測暗模式
使用以下代碼可以檢查用戶的設備是否處于暗模式。
const?isDarkMode?=?window.matchMedia?&&?window.matchMedia('(prefers-color-scheme:?dark)').matches
console.log(isDarkMode)?//?Result:?True?or?False總結
希望這20個單行代碼殺手锏能幫助到你，請關注一下我吧??！
點擊下方卡片/微信搜索，關注公眾號“天宇文創(chuàng)意樂派”(ID:gh_cc865e4c536b)
本文使用 文章同步助手 同步
