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

          共 1312字,需瀏覽 3分鐘

           ·

          2022-04-16 02:35

          前言

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

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

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

          code1.png

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

          code20.png

          3. 反轉字符串或者單詞

          code2.png

          4. 將十進制轉換為二進制或十六進制

          code3.png

          5. 合并多個對象

          code4.png

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

          code5.png

          7. 解構賦值

          code6.png

          8. 交換變量的值

          code7.png

          9-1. 判斷回文字符串

          code21.png

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

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

          code8.png

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

          10. 可選鏈操作符

          code9.png

          MDN: 可選鏈操作符(??.?)允許讀取位于連接對象鏈深處的屬性的值,而不必明確驗證鏈中的每個引用是否有效。?.?操作符的功能類似于?.?鏈式操作符,不同之處在于,在引用為空(nullish ) (null?或者?undefined) 的情況下不會引起錯誤,該表達式短路返回值是?undefined。與函數(shù)調用一起使用時,如果給定的函數(shù)不存在,則返回?undefined

          例如:

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

          相當于:

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

          11. 三目運算符

          code10.png

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

          code11.png

          13. 凍結對象

          code12.png

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

          code13.png

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

          code14.png

          16. 清空數(shù)組

          code15.png

          17. 從 RGB 轉換為 HEX

          code16.png

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

          code17.png

          19. 空值合并運算符

          code18.png

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

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

          code19.png

          源碼

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

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


          關于本文

          作者:Xieyezi

          https://juejin.cn/post/7083145771461115941


          最后



          歡迎關注【前端瓶子君】??ヽ(°▽°)ノ?
          回復「算法」,加入前端編程源碼算法群領取最新最熱的前端算法小書、面試小書以及海量簡歷模板,期待與你共進步!
          回復「交流」,吹吹水、聊聊技術、吐吐槽!
          回復「閱讀」,每日刷刷高質量好文!
          如果這篇文章對你有幫助,在看」是最大的支持
          ?》》面試官也在看的算法資料《《
          “在看和轉發(fā)”就是最大的支持



          瀏覽 47
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

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

          手機掃一掃分享

          分享
          舉報
          <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>
                  最新的黄色网址 | 啪啪啪啪免费网站 | A片免费网站 | 私蜜免费啪啪视频 | 最新男女操逼视频 |