日韩成人电影高清在线观看,正在播放国产精品每日更新

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

30個(gè)超級(jí)有用的JavaScript單行代碼

在這篇文章中，我列出了一個(gè)系列的 30 個(gè) JavaScript 單行代碼，它們?cè)谑褂?vanilla js（≥ ES6）進(jìn)行開(kāi)發(fā)時(shí)非常有用。它們也是使用該語(yǔ)言在最新版本中為我們提供的所有功能來(lái)解決問(wèn)題的優(yōu)雅方式。

我將它們分為以下5大類(lèi)：

日期
字符串
數(shù)字
數(shù)組
工具

事不宜遲，我馬上開(kāi)始的，我希望你發(fā)現(xiàn)他們對(duì)你有幫助！

日期

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

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

是一個(gè) Date 實(shí)例。

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

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

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

、和是 Date 實(shí)例。

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

3. 如何知道約會(huì)是否在周末

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

是一個(gè) Date 實(shí)例。

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

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

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

和是兩個(gè) Date 實(shí)例。

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

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

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

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

字符串

6.句子首字母大寫(xiě)

我們將第一個(gè)字母轉(zhuǎn)換為大寫(xiě)字母，然后使用附加句子的其余字母

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

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

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

8. 如何判斷一個(gè)字符串是不是回文

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

數(shù)字

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

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

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

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

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

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

數(shù)組

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

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

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

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

14. 隨機(jī)排列

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

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

15. 按屬性對(duì)數(shù)組進(jìn)行分組

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

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

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

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

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

我們可以使用 Array.sort() 和 Array.join() 方法來(lái)檢查兩個(gè)數(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) =>
    hex
        .replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `#${r}${r}${g}${g}$$`)
        .substring(1)
        .match(/.{2}/g)
        .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.如何知道一段代碼是否在瀏覽器中運(yùn)行

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

25.如何知道一段代碼是否在node中運(yùn)行

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

26.檢測(cè)暗模式

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

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

27.滾動(dòng)到頂部

滾動(dòng)元素的一種單行方法是使用方法。

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

28.滾動(dòng)到底部

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

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

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

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

30.生成一個(gè)128位的UUID

此函數(shù)允許我們生成具有 128 位值的 UUID，用于唯一標(biāo)識(shí)對(duì)象或?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)閱讀到這里了，請(qǐng)記得收藏起來(lái)，這些都是非常實(shí)用的單行代碼技巧。

當(dāng)然，如果你都會(huì)了，你可以直接忽略或者當(dāng)成復(fù)習(xí)也可以。

當(dāng)前文章：30個(gè)超級(jí)有用的JavaScript單行代碼
標(biāo)題URL：http://m.5511xx.com/article/coojeig.html

日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区