首頁  >  文章  >  web前端  >  js中的slice與splice區別

js中的slice與splice區別

下次还敢
下次还敢原創
2024-05-01 04:09:15417瀏覽

JavaScript 中 slice 和 splice 的差異如下:slice() 傳回陣列的新拷貝,不會改變原始陣列;而 splice() 會修改原始陣列。 slice() 的語法為 slice(start, end),splice() 的語法為 splice(start, deleteCount, ...items)。 slice() 從指定位置開始複製元素,splice() 從指定位置開始移除或取代元素。

js中的slice與splice區別

JS 中slice 與splice 的差異

開門見山

#slice()splice() 是JavaScript 中用來操作陣列的兩個方法,但它們的功能不同。

詳細展開

slice()

  • #傳回陣列的一份淺拷貝(新陣列)。
  • 不會修改原始陣列。
  • 語法:slice(start[, end])
  • #參數:

    • start:必選,從該索引開始複製元素。
    • end: 可選,複製到該索引(不包括)。

範例:

<code class="js">const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(2); // [3, 4, 5]</code>

splice()

  • 從數組中移除或替換元素,並傳回被移除的元素。
  • 會修改原始陣列。
  • 語法:splice(start, deleteCount[, ...items])
  • #參數:

    • start: 必選,從該索引開始移除元素。
    • deleteCount: 必選,要移除的元素數量。
    • ...items: 可選,插入到 start 索引處的元素(如果指定)。

範例:

<code class="js">const arr = [1, 2, 3, 4, 5];
arr.splice(2, 2, 10, 11); // [1, 2, 10, 11, 5]</code>

總結

  • slice () 傳回陣列的淺拷貝,不會修改原始陣列。
  • splice() 從陣列中移除或取代元素,會修改原始陣列。

以上是js中的slice與splice區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn