<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>

          20個不容錯過的ES6技巧

          共 1317字,需瀏覽 3分鐘

           ·

          2022-06-29 20:37

          前言

          大家好,我是 xieyezi,好久不見,我又重新回歸掘金啦, 這次為大家整理了20個使用頻率很高的ES6代碼塊,希望大家喜歡??

          文中代碼對應(yīng)的詳細(xì)注釋和具體使用方法都放在我的 github 上,源代碼在底部連接

          1. 打亂數(shù)組順序

          code1.png

          2. 去除數(shù)字之外的所有字符

          code20.png

          3. 反轉(zhuǎn)字符串或者單詞

          code2.png

          4. 將十進(jìn)制轉(zhuǎn)換為二進(jìn)制或十六進(jìn)制

          code3.png

          5. 合并多個對象

          code4.png

          6. ===== 的區(qū)別

          code5.png

          7. 解構(gòu)賦值

          code6.png

          8. 交換變量的值

          code7.png

          9-1. 判斷回文字符串

          code21.png

          回文字符串: 正著寫和反著寫都一樣的字符串 (特別感謝\@浮生閣閣主[1]勘誤)

          9-2 判斷兩個字符串是否為互相排列

          code8.png

          判斷兩個字符串是否為互相排列: 給定兩個字符串,一個是否是另一個的排列

          10. 可選鏈操作符

          code9.png

          MDN: 可選鏈操作符( ?. )允許讀取位于連接對象鏈深處的屬性的值,而不必明確驗證鏈中的每個引用是否有效。?. 操作符的功能類似于 . 鏈?zhǔn)讲僮鞣煌幵谟冢谝脼榭?nullish ) (null 或者 undefined) 的情況下不會引起錯誤,該表達(dá)式短路返回值是 undefined。與函數(shù)調(diào)用一起使用時,如果給定的函數(shù)不存在,則返回 undefined

          例如:

          if (res && res.data && res.data.success) {   
             //code

          復(fù)制代碼

          相當(dāng)于:

          if (res?.data?.success) {
            // code
          }
          復(fù)制代碼

          11. 三目運算符

          code10.png

          12. 從數(shù)組中隨機選擇一個值

          code11.png

          13. 凍結(jié)對象

          code12.png

          14. 刪除數(shù)組重復(fù)的元素

          code13.png

          15. 保留指定位小數(shù)

          code14.png

          16. 清空數(shù)組

          code15.png

          17. 從 RGB 轉(zhuǎn)換為 HEX

          code16.png

          18. 從數(shù)組中獲取最大值和最小值

          code17.png

          19. 空值合并運算符

          code18.png

          MDN: 空值合并操作符??)是一個邏輯操作符,當(dāng)左側(cè)的操作數(shù)為 null 或者 undefined 時,返回其右側(cè)操作數(shù),否則返回左側(cè)操作數(shù)。

          20. 過濾數(shù)組中值為 false 的值

          code19.png

          源碼

          20個不容錯過的ES6技巧[2]

          以上,碼字作圖很辛苦,還望不要吝嗇手中的贊,你的點贊是我繼續(xù)更新的最大動力??!

          關(guān)于本文

          作者:Xieyezi

          https://juejin.cn/post/7083145771461115941


          瀏覽 53
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <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>
                  日韩视频在线观看一区二区三区 | 青草精品| 大鸡巴操逼视频网站 | 午夜小网站| 操逼操网站|