欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS?Array方法詳解之如何區(qū)分slice和splice

 更新時間：2025年06月16日 10:50:05   作者：要加油哦～  
在JavaScript中splice()和slice()是兩個用于操作數(shù)組的方法,盡管它們的名字相似,但功能和用途卻截然不同,這篇文章主要介紹了JS?Array方法詳解之如何區(qū)分slice和splice,需要的朋友可以參考下

省流總結(jié)：

slice(起, 終)，切片 ，復(fù)制，返回新數(shù)組，不改原數(shù)組

splice(起, 刪幾個, 插入哪幾個)，增刪改，改 原數(shù)組，返回被改后的原數(shù)組。

一、 slice()：不改變原數(shù)組 ，返回“切片”

功能：

從原數(shù)組中提取部分元素，返回一個新數(shù)組，原數(shù)組不變。

語法：

array.slice(start, end)

  • start：起始索引（包含）

  • end：結(jié)束索引（不包含）

例子：

const arr = [10, 20, 30, 40, 50];
const newArr = arr.slice(1, 4);
console.log(newArr); // [20, 30, 40]
console.log(arr);    // 原數(shù)組不變 [10, 20, 30, 40, 50]

特點：

  • 適合“復(fù)制數(shù)組”：const copy = arr.slice();

  • 不破壞原數(shù)組，返回值是新的數(shù)組

二、splice()：直接修改原數(shù)組

功能：

  • 刪除元素

  • 插入元素

  • 替換元素

語法： array.splice(起始索引, 刪除數(shù)量, 插入的新元素)

array.splice(start, deleteCount, item1, item2, ...)

  • start：開始修改的位置索引

  • deleteCount：要刪除的元素數(shù)量

  • item1...：要插入的新元素（可選）

刪除元素示例：

const arr = [1, 2, 3, 4, 5]; 
arr.splice(2, 2); // 從索引 2 開始刪除 2 個元素 
console.log(arr); // [1, 2, 5]

插入元素示例：

const arr = [1, 2, 5]; 
arr.splice(2, 0, 3, 4); // 在索引 2 位置插入 3 和 4 
console.log(arr); // [1, 2, 3, 4, 5]

替換元素示例：

const arr = [1, 2, 3]; 
arr.splice(1, 1, 'a', 'b'); // 把索引1的 1 個元素換成 'a' 和 'b' 
console.log(arr); // [1, 'a', 'b', 3]

特點：

  • 原地修改原數(shù)組；

  • 返回值是被刪除的元素組成的新數(shù)組。

slice vs splice 對比表：

特性slice()splice()
原數(shù)組是否改變? 否（不改變）? 是（原地修改）
返回值提取的新數(shù)組被刪除的元素數(shù)組
用于拷貝、截取刪除、插入、替換
是否支持插入? 不支持? 支持

常用通用寫法總結(jié)：

 拷貝數(shù)組：

const newArr = arr.slice();

提取最后三個元素：

const last3 = arr.slice(-3);

清空數(shù)組（splice）：

arr.splice(0, arr.length); // 原數(shù)組變?yōu)榭?

插入新元素到中間：

arr.splice(2, 0, '新元素');

總結(jié) 

到此這篇關(guān)于JS Array方法詳解之如何區(qū)分slice和splice的文章就介紹到這了,更多相關(guān)JS Array方法區(qū)分slice和splice內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論