欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

30個高逼格代碼的JavaScript高級單行代碼

 更新時間：2023年08月26日 16:19:07   投稿：yin  
這篇文章中列出了一個系列的 30 個 JavaScript 單行代碼,它們在使用 vanilla js（≥ ES6）進行開發(fā)時非常有用,它們也是使用該語言在最新版本中為我們提供的所有功能來解決問題的優(yōu)雅方式,將它們分為以下5大類：日期、字符串、數(shù)字、數(shù)組、工具

這篇文章中列出了一個系列的 30 個 JavaScript 單行代碼，它們在使用 vanilla js（≥ ES6）進行開發(fā)時非常有用。它們也是使用該語言在最新版本中為我們提供的所有功能來解決問題的優(yōu)雅方式。將它們分為以下5大類：日期、字符串、數(shù)字、數(shù)組、工具

    日期

    1. 知道一個日期是否對應(yīng)于當(dāng)前日期

    就像將兩個日期轉(zhuǎn)換為相同格式并進行比較一樣簡單。

    <date> 是一個 Date 實例。

    const?isCurrentDay?=?(date)?=>??new?Date().toISOString().slice(0,?10)?===?date.toISOString().slice(0,?10);

    2.如何知道一個日期是否在兩個日期之間

    我們檢查過去的日期是否在最小-最大范圍內(nèi)。

    <min>、<max> 和 <date> 是 Date 實例。

    const isBetweenTwoDates = ( min, max, date) => date.getTime() >= min.getTime() && date.getTime() <= max.getTime();

    3. 如何知道約會是否在周末

    getDay 方法返回一個介于 0 和 6 之間的數(shù)字，表示給定日期是星期幾。

    <date> 是一個 Date 實例。

    const?isWeekend?=?(?date?)?=>?date.getDay()?===?6?||?date.getDay()?===?0;

    4. 檢查日期是否在一年內(nèi)

    類似于我們過去檢查日期是否與當(dāng)前日期相對應(yīng)的情況。在這種情況下，我們獲取年份并進行比較。

    <date> 和 <year> 是兩個 Date 實例。

    const?isInAYear?=?(date,?year)?=>?date.getUTCFullYear()?===?new?Date(`${year}`).getUTCFullYear();

    5. 將小時轉(zhuǎn)換為 AM-PM 格式

    我們可以用數(shù)學(xué)表達(dá)式來判斷經(jīng)過的時間是否小于或等于13小時，從而判斷是“上午”還是“下午”。

    const?toAMPMFormat=?(h)?=>?`${h?%?12?===?0???12?:?h?%?12}${h?<?12???'?am.'?:?'?pm.'}`;

    字符串

    6.句子首字母大寫

    我們將第一個字母轉(zhuǎn)換為大寫字母，然后使用 <join.> 附加句子的其余字母

    const capitalize = ([first, ...rest]) => `${first.toUpperCase()}${rest.join('')}`;

    7.將一封信轉(zhuǎn)換成他的同事表情符號

    const letterToEmoji = c => String.fromCodePoint(c.toLowerCase().charCodeAt() + 127365);

    8. 如何判斷一個字符串是不是回文

    const isPalindrome = (str) => str.toLowerCase() === str.toLowerCase().split('').reverse().join('');

    數(shù)字

    9. 如何計算一個數(shù)的階乘

    const getFactorial = (n) => (n <= 1 ? 1 : n * getFactorial(n - 1));

    10. 如何獲得一個數(shù)的斐波那契數(shù)列

    const getFibonacci = (n, memo = {}) => memo[n] || (n <= 2 ? 1 : (memo[n] = getFibonacci(n - 1, memo) + getFibonacci(n - 2, memo)));

    11.如何求一個數(shù)的階乘

    const getFactorial = (n) => (n <= 1 ? 1 : n * getFactorial(n - 1));

    數(shù)組

    12.將一個數(shù)組復(fù)制到另一個數(shù)組

    const copyToArray = (arr) => [...arr];

    13. 從數(shù)組中獲取唯一元素

    const getUnique = (arr) => [...new Set(arr)];

    14. 隨機排列

    以下代碼段以非常有效的方式打亂數(shù)組。

    const shuffle = (arr) => arr.sort(() => Math.random() - 0.5);

    15. 按屬性對數(shù)組進行分組

    const groupBy = (arr, groupFn) =>   arr.reduce( (grouped, obj) => ({...grouped, [groupFn(obj)]: [...(grouped[groupFn(obj)] || []), obj], }),{});

    16. 反轉(zhuǎn)字符串

    我們可以利用內(nèi)置的 Array 方法，如 reverse() 和 join() 來創(chuàng)建一個做同樣事情的單行代碼。

    const reverseString = (str) => str.split('').reverse().join('');

    17. 檢查兩個數(shù)組是否包含相同的值

    我們可以使用 Array.sort() 和 Array.join() 方法來檢查兩個數(shù)組是否包含相同的值。

    const containSameValues= (arr1, arr2) =>   arr1.sort().join(',') === arr2.sort().join(',');

    工具

    18. 轉(zhuǎn)換為華氏溫度

    const toFahrenheit= (celsius) => (celsius * 9) / 5 + 32;

    19. 轉(zhuǎn)換為攝氏度

    const?toCelsius=??(fahrenheit)?=>?(fahrenheit-?32)?*?5?/?9;

    20. 如何清除瀏覽器的所有cookies

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

    21. 如何將 HEX 轉(zhuǎn)換為 RGB

    const?toRGB=?(hex)?=></code><code>    hex</code><code>        .replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `#${r}${r}${g}${g}$$`)</code><code>        .substring(1)</code><code>        .match(/.{2}/g)</code><code>        .map((x) => parseInt(x, 16));

    22. 如何將 RGB 轉(zhuǎn)換為 HEX

    const toHEX = (r,g,b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);

    23. 檢查函數(shù)是否為異步函數(shù)

    const isAsyncFunction = (f) => Object.prototype.toString.call(f) === '[object AsyncFunction]';

    24.如何知道一段代碼是否在瀏覽器中運行

    const runningInBrowser = typeof window === 'object' && typeof document === 'object';

    25.如何知道一段代碼是否在node中運行

    const runningInNode= typeof process !== 'undefined' && process.versions != null && process.versions.node != null;

    26.檢測暗模式

    這是一種非常方便的方法來檢查用戶是否在其瀏覽器上啟用了黑暗模式。

    const isDarkMode = () =>  window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;

    27.滾動到頂部

    滾動元素的一種單行方法是使用 <scrollIntoView> 方法。

    const toTop = (element) =></code><code>  element.scrollIntoView({ behavior: "smooth", block: "start" });

    28.滾動到底部

    const toBottom = (element) =></code><code>  element.scrollIntoView({ behavior: "smooth", block: "end" });

    29. 將 JSON 轉(zhuǎn)換為map

    這個函數(shù)可以讓我們以簡單的方式將 Map 對象轉(zhuǎn)換為 JSON 字符串。

    const?jsonToMap?=?(json)?=>?new?Map(Object.entries(JSON.parse(json)));

    30.生成一個128位的UUID

    此函數(shù)允許我們生成具有 128 位值的 UUID，用于唯一標(biāo)識對象或?qū)嶓w。

    const generateUUID = (a) =>   a     ? (a ^ ((Math.random() * 16) >> (a / 4))).toString(16)     : ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(         /[018]/g,         generateUUID);

    總結(jié)

    如果你已經(jīng)閱讀到這里了，請記得收藏起來，這些都是非常實用的單行代碼技巧。

    到此這篇關(guān)于30個高逼格代碼的JavaScript單行代碼的文章就介紹到這了,更多相關(guān)JavaScript單行代碼內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

    相關(guān)文章

    最新評論