JS中slice和splice的區別

2021-08-21 22:08:47 字數 1515 閱讀 6607

字串和陣列的操作雖然經常用,但是時間長了,細緻的部分忘記了,今天特地翻看了一下之前學習時候的筆記。

首先slice和splice猛的一看很相似,但是實際上用法差異性很大。

slice(引數一,引數二)

引數一:開始擷取的下標位置

引數二:結束擷取下標位置,但是不會擷取到該位置上的值

var newarray = [9, 5 , 2 , 7, "hello" , "world"];

var result1 = newarray.slice(1,4);

console.log(result1);//[5,2,7]

var result2 = newarray.slice(1);

console.log(result2);//[5 , 2 , 7, "hello" , "world"]

注意:slice 擷取之後,會將擷取到的值,放到乙個新陣列中,不會修改原陣列。

其中,引數二可以省略不寫,當不寫 引數二時,代表擷取到陣列的結束位置。

slice(引數一,引數二):使用方式同陣列的方式

引數一:開始擷取的下標位置

引數二:結束擷取的下標位置,但是不會擷取到該位置上的值

str = "iloveyou!"

var str1 = str.slice(1,5);

console.log(str1);// love

var str2 = str.slice(1);

console.log(str2);// loveyou!

注意引數二也可以省略,省略時,會從引數一擷取到字串結束位置

splice(引數1,引數2,引數3,...):splice實現插入操作

引數1:要插入的下標位置

引數2:必須為零

引數3,...:是要插入的值(值得型別和個數沒有限制)

var array = [5,7,6]

array.splice(1, 0, 4, "99");

console.log(array);//[5,4, "99",7,6]

2.刪除(只有引數1,引數2)

splice(引數1,引數2):splice實現刪除

引數1:要刪除的下標位置

引數2:要刪除的個數

var array = [5,7,6]

array.splice(1, 1);

console.log(array);//[5,6]

3.替換

splice(引數1,引數2,引數3,...):splice實現替換

引數1:要替換的下標位置

引數2:替換的個數

引數3,...:是要替換的值(值得型別和個數沒有限制)

var array = [5,7,6]

array.splice(1, 2, 4, "99");

console.log(array);//[5,4, "99"]

js中splice和slice的區別

arrayobject.slice start,end 返回值返回乙個新的陣列,包含從 start 到 end 不包括該元素 的 arrayobject 中的元素。說明請注意,該方法並不會修改陣列,而是返回乙個子陣列。如果想刪除陣列中的一段元素,應該使用方法 array.splice var arr...

關於js中的 splice 和slice 例項

關於 js中的 splice 和slice slice 方法可提取字串的某個部分,並以新的字串返回被提取的部分 var str 012345678 alert str.slice 0 相當於複製字串 012345678 alert str.slice 2,5 234 alert str.slice ...

JS陣列中的splice和slice方法的不同

這裡介紹一下splice splice 函式用於從當前陣列中移除一部分連續的元素。如有必要,還可以在所移除元素的位置上插入乙個或多個新的元素。該函式以陣列形式返回從當前陣列中被移除的元素。選取的是索引及長度 返回的是選中的資料,原陣列為剩下的資料 該函式屬於array物件,ie 5.5 firefo...