<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          16 個(gè)你需要的 Javascript 代碼片段

          共 3140字,需瀏覽 7分鐘

           ·

          2022-05-16 01:59

          英文 | https://medium.com/@amine.elwer/top-15-javascript-code-snippets-you-will-always-need-dbadade134ad
          翻譯 | 楊小愛

          1、隨機(jī)排列數(shù)組
          使用排序和隨機(jī)方法對數(shù)組進(jìn)行洗牌非常容易。
          const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());console.log(shuffleArray([1, 2, 3, 4]));// Result: [ 1, 4, 3, 2 ]
          2、檢查日期是否有效
          使用以下代碼段檢查給定日期是否有效。
          const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf());isDateValid("December 17, 1995 03:24:00");// Result: true
          3、復(fù)制到剪貼板
          使用 navigator.clipboard.writeText 輕松將任何文本復(fù)制到剪貼板。
          const copyToClipboard = (text) => navigator.clipboard.writeText(text);copyToClipboard("Hello World");
          4、查找一年中的哪一天
          查找給定日期的哪一天。
          const dayOfYear = (date) =>  Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);dayOfYear(new Date());// Result: 272
          5、大寫字符串
          Javascript 沒有內(nèi)置的大寫函數(shù),因此我們可以為此目的使用以下代碼。
          const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)capitalize("follow for more")// Result: Follow for more
          6、求兩天之間的天數(shù)
          使用以下代碼段查找 2 天之間的天數(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
          7、清除所有 Cookie
          您可以通過使用 document.cookie 訪問 cookie 并清除它來輕松清除存儲在網(wǎng)頁上的所有 cookie。
          const clearCookies = document.cookie.split(';').forEach(cookie => document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));
          8、生成隨機(jī)十六進(jìn)制
          您可以使用 Math.random 和 padEnd 屬性生成隨機(jī)十六進(jìn)制顏色。
          const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`;console.log(randomHex());// Result: #92b008
          9、從數(shù)組中刪除重復(fù)項(xiàng)
          您可以使用 JavaScript 中的 Set 輕松刪除重復(fù)項(xiàng)。這是救命稻草。
          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 ]
          10、從 URL 獲取查詢參數(shù)
          您可以繞過 window.location 或原始 URL goole.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);};getParameters(window.location)// Result: { search : "easy", page : 3 }
          11、日期記錄時(shí)間
          我們可以從給定日期以小時(shí)::分鐘::秒的格式記錄時(shí)間。
          const timeFromDate = date => date.toTimeString().slice(0, 8);console.log(timeFromDate(new Date(2021, 0, 10, 17, 30, 0))); // Result: "17:30:00"
          12、檢查一個(gè)數(shù)字是偶數(shù)還是奇數(shù)
          const isEven = num => num % 2 === 0;console.log(isEven(2)); // Result: True
          13、求數(shù)字的平均值
          使用 reduce 方法找到多個(gè)數(shù)字之間的平均值。
          const average = (...args) => args.reduce((a, b) => a + b) / args.length;average(1, 2, 3, 4);// Result: 2.5
          14、檢查數(shù)組是否為空
          檢查數(shù)組是否為空的簡單單行程序?qū)⒎祷?true 或 false。
          const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;isNotEmpty([1, 2, 3]);// Result: true
          15、獲取選定的文本
          使用內(nèi)置的 getSelectionproperty 獲取用戶選擇的文本。
          const getSelectedText = () => window.getSelection().toString();getSelectedText();
          16、檢測暗模式
          使用以下代碼檢查用戶的設(shè)備是否處于暗模式。
          const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matchesconsole.log(isDarkMode) // Result: True or False

          總結(jié)
          以上就是我跟你分享的16個(gè)JavaScript的實(shí)用代碼片段,希望對你有所幫助,另外,如果你喜歡今天的內(nèi)容,請點(diǎn)贊我,關(guān)注我。
          最后,感謝你的閱讀,祝編程愉快!


          學(xué)習(xí)更多技能
          請點(diǎn)擊下方公眾號

          瀏覽 42
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評論
          圖片
          表情
          推薦
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  日日干天天射 | 韩国三级HD中文久久车子 | 操逼视频在线免费观看 | 99re这里只有 | 骚逼av |