千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 4個擴展運算符在JavaScript中的實際用途

4個擴展運算符在JavaScript中的實際用途

來源:千鋒教育
發布人:syq
時間: 2022-09-15 11:38:40 1663213120

  什么是腳本傳播運算符?它允許可迭代對象(如數組)就地進行擴展。

擴展運算符在JavaScript

  您知道“腳本傳播”運算符嗎?它由三個點表示 - 是的,點差運算符是著名的“...”。它基本上允許表達式在需要多個元素的位置擴展數組的內容。

  讓我以更實際的方式向你們展示:想象一下下面的代碼:

4 擴展運算符在 JavaScript 中的實際用途155

  請注意,在本例中,我沒有使用“散布”。通過將數組放在另一個數組中,我們在打印時會得到一個相當不尋常的結果。現在嘗試把“...”在數組中間之前,您可以看到會發生什么,如下所示:arr

4 擴展運算符在 JavaScript 中的實際用途248

  此運算符用于在運行時解釋時展開數組或對象的元素。在后一種情況下,中間項已分布在 中。arr

  這是 Spread 運算符的默認用法,但它比這更強大,我想在今天的文章中討論的正是這些秘密。

  1. 復制帶有跨頁的數組

  你知道如何在腳本中復制數組嗎?初學者程序員可能會認為這有效:

4 擴展運算符在 JavaScript 中的實際用途660

  但不幸的是,生活并不那么簡單。在這種情況下,不是 的副本,而是它本身,因為兩者的內存引用是相同的。懷疑嗎?然后測試它:arr2 arr arr

4 擴展運算符在 JavaScript 中的實際用途732

  您是否注意到,當您在 arr2 中添加項目時,它也出現在 arr 中?那是因為它們是一樣的!執行此操作的正確方法之一是使用特定函數。

  如果你已經對JavaScript編程了一段時間,你可能知道切片函數,對吧?它是允許您復制數組的那個。但是您知道嗎,我們也可以使用 Spread 復制數組?

4 擴展運算符在 JavaScript 中的實際用途879

  當我們展開數組時,其項的值將復制到另一個數組中。這兩個數組都是獨立的,因此這顯然是復制工作數組的一種方法。

  2. 使用跨頁連接數組

  如果我想加入兩個數組,該怎么辦?我們已經了解到,使用賦值運算符 (=) 不起作用。求和運算符顯然也不起作用。您知道在 JavaScript 中執行此操作的特定函數嗎?連接:

4 擴展運算符在 JavaScript 中的實際用途879

  但是您知道嗎,使用Sample運算符有一種更簡單的方法來執行此操作?

  3. 帶有點差的數學運算

  您是否知道您可以將 JavaScript 數學函數與傳播結合使用?

  讓我們從 Math.max() 開始,這是一個函數,它返回我們作為參數傳遞給它的一組數字中最大的一個。

4 擴展運算符在 JavaScript 中的實際用途1034

  沒有辦法將數組作為此函數中的參數傳遞,但是使用幫助器函數,是的,盡管它看起來很奇怪:

4 擴展運算符在 JavaScript 中的實際用途1325

  但是點差呢?

  4. 帶跨頁的字符串到數組

  如果需要將字符串轉換為字符數組,該怎么辦?就像在C時代一樣,還記得嗎?這個非常簡單,如下圖所示:

4 擴展運算符在 JavaScript 中的實際用途1418

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
開班信息
北京校區
  • 北京校區
  • 大連校區
  • 廣州校區
  • 成都校區
  • 杭州校區
  • 長沙校區
  • 合肥校區
  • 南京校區
  • 上海校區
  • 深圳校區
  • 武漢校區
  • 鄭州校區
  • 西安校區
  • 青島校區
  • 重慶校區
  • 太原校區
  • 沈陽校區
  • 南昌校區
  • 哈爾濱校區
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
中文字幕乱码中文乱码二区 | 日本高清二区视频久二区 | 一区精品在线免费观看 | 五月天免费精品视频 | 制服中文字幕一区二区 | 一本久久伊人热热精品中文 |