JavaScript splice 和slice

一、splice和slice區別

JavaScript中,splice和slice是兩個常用的數組方法,它們雖然都可以對數組進行操作,但也有一些明顯的區別。

slice方法不會改變原數組,返回的是截取後的新數組。而splice可以改變原數組,它可以刪除、替換或插入元素。

另外,splice的第二個參數是刪除元素的個數,而slice的第二個參數是結束截取的位置,是不包含結束位置的那個元素。

二、splice和slice用法

splice和slice的用法都很簡單。

//slice用法
let arr = [1,2,3,4,5];
let sliceArr = arr.slice(1,3);
console.log(sliceArr); //[2,3]

//splice用法
let arr = [1,2,3,4,5];
arr.splice(2,1,10,11);
console.log(arr); //[1, 2, 10, 11, 4, 5]

三、splice和slice會改變原數組

splice和slice的最大區別是,splice可以改變原數組,而slice不會。

let arr = [1,2,3,4,5];
let sliceArr = arr.slice(1,3);
console.log(sliceArr); //[2,3]
console.log(arr); //[1,2,3,4,5]

let arr = [1,2,3,4,5];
arr.splice(2,1,10,11);
console.log(arr); //[1, 2, 10, 11, 4, 5]

四、splice和slice五個參數

splice方法有五個參數,前三個是必要的,而後面兩個可選。

  • 第一個參數是開始插入或刪除的位置
  • 第二個參數是刪除元素的個數,設置為0則只插入不刪除
  • 第三個參數是要插入的元素,可以是一個或多個
  • 第四個參數(可選)是要插入的第一個元素的位置,默認是從開始位置插入
  • 第五個參數(可選)是要插入的最後一個元素的位置,默認是從結束位置插入

而slice方法只有兩個參數,分別是開始截取的位置和結束截取的位置(不包括結束位置的元素)。

五、splice和slice和split的區別

雖然splice、slice、split三個方法都和數組有關,但它們的作用是不同的。

splice用於數組的增、刪、改操作,常用於動態地向數組添加或刪除元素。

slice用於數組的截取操作,返回的是一個截取後的新數組。

split用於字符串的分割操作,將字符串按指定的分隔符進行分割,返回的是一個由分割後的字符串組成的數組。

六、js slice 和splice區別

JavaScript中有兩種常用類型,分別是字符串和數組。slice和splice都有相應的字符串方法和數組方法,它們的用法類似,但功能不同。

字符串slice方法用於截取字符串,不改變原字符串,返回截取後的新字符串。

字符串splice方法是不存在的。

數組slice方法用於截取數組,不改變原數組,返回截取後的新數組。

數組splice方法用於增、刪、改操作,會改變原數組。

七、數組slice和splice

數組的slice和splice方法,在需要增、刪、改數組元素時非常有用。

//數組slice方法
let arr = [1,2,3,4,5];
let sliceArr = arr.slice(1,3);
console.log(sliceArr); //[2,3]
console.log(arr); //[1,2,3,4,5]

//數組splice方法
let arr = [1,2,3,4,5];
arr.splice(2,1,10,11);
console.log(arr); //[1, 2, 10, 11, 4, 5]

八、splice的三個參數

splice方法的前三個參數是必要的,分別是開始插入或刪除的位置、刪除元素的個數、要插入的元素。

我們可以通過splice方法向數組中插入一個或多個元素,也可以刪除一個或多個元素,甚至可以替換元素。

//刪除元素
let arr = [1,2,3,4,5];
arr.splice(2,1);
console.log(arr); //[1, 2, 4, 5]

//插入元素
let arr = [1,2,3,4,5];
arr.splice(2,0,6,7);
console.log(arr); //[1, 2, 6, 7, 3, 4, 5]

//替換元素
let arr = [1,2,3,4,5];
arr.splice(2,1,10,11);
console.log(arr); //[1, 2, 10, 11, 4, 5]

總之,splice方法的靈活性非常高,可以進行各種各樣的數組操作。

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/270679.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-16 13:38
下一篇 2024-12-16 13:38

相關推薦

  • 使用JavaScript日期函數掌握時間

    在本文中,我們將深入探討JavaScript日期函數,並且從多個視角介紹其應用方法和重要性。 一、日期的基本表示與獲取 在JavaScript中,使用Date對象來表示日期和時間,…

    編程 2025-04-28
  • JavaScript中使用new Date轉換為YYYYMMDD格式

    在JavaScript中,我們通常會使用Date對象來表示日期和時間。當我們需要在網站上顯示日期時,很多情況下需要將Date對象轉換成YYYYMMDD格式的字符串。下面我們來詳細了…

    編程 2025-04-27
  • JavaScript中修改style屬性的方法和技巧

    一、基本概念和方法 style屬性是JavaScript中一個非常重要的屬性,它可以用來控制HTML元素的樣式,包括顏色、大小、字體等等。這裡介紹一些常用的方法: 1、通過Java…

    編程 2025-04-25
  • JavaScript中的Object.getOwnPropertyDescriptors()

    一、簡介 Object.getOwnPropertyDescriptors()是JavaScript中一個非常有用的工具。簡單來說,這個方法可以獲取一個對象上所有自有屬性的屬性描述…

    編程 2025-04-25
  • CloneDeep函數在Javascript開發中的應用

    一、CloneDeep的概念 CloneDeep函數在Javascript中是一種深層克隆對象的方法,可以在拷貝對象時避免出現引用關係。使用者可以在函數中設置可選參數使其滿足多種拷…

    編程 2025-04-25
  • JavaScript保留整數的完整指南

    JavaScript是一種通用腳本語言,非常適合Web應用程序開發。在處理數字時,JavaScript可以處理整數和浮點數。在本文中,我們將重點關注JavaScript如何保留整數…

    編程 2025-04-25
  • JavaScript點擊事件全方位指南

    一、click事件基礎 click事件是最常用的鼠標事件之一,當元素被單擊時觸發。click事件適用於大多數HTML元素(<a>、<button>)和SVG…

    編程 2025-04-25
  • 詳解JavaScript onclick事件

    一、onclick的基礎知識 onclick事件是JavaScript中最常用的事件之一,它在用戶點擊某個HTML元素時觸發。通常我們可以通過給元素添加一個onclick屬性來綁定…

    編程 2025-04-25
  • JavaScript淺拷貝

    一、什麼是淺拷貝 在JavaScript中,淺拷貝是一種將源對象的屬性複製到目標對象中的方法。淺拷貝的實現方式有多種,包括直接賦值、Object.assign()、展開運算符、co…

    編程 2025-04-25
  • 深入剖析slice方法

    一、切片介紹 slice方法是數組的一個重要成員之一,用來截取數組中的一部分,並返回一個新的數組。它最常用的形式是array.slice(start, end)。 其中start和…

    編程 2025-04-25

發表回復

登錄後才能評論