1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        20個不容錯過的ES6技巧

        共 1317字,需瀏覽 3分鐘

         ·

        2022-06-29 20:37

        前言

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

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

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

        code1.png

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

        code20.png

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

        code2.png

        4. 將十進制轉(zhuǎ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) 的情況下不會引起錯誤,該表達式短路返回值是 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
        點贊
        評論
        收藏
        分享

        手機掃一掃分享

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

        手機掃一掃分享

        分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            好色天堂| 久久五月天性爱视频 | 三级国产三级在线 | 宫部凉花av一区二区 | 一级二级三级在线观看 | 校花撅着光屁股让主人弄 | 久久精品国产欧美日韩 | 日韩无码国产精品 | 无码国产精品一区二区视频 | 骚逼天天干 |