怎么用JavaScript的splice實(shí)現(xiàn)數(shù)組的刪除、插入、替換

這篇“怎么用JavaScript的splice實(shí)現(xiàn)數(shù)組的刪除、插入、替換”文章的知識點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“怎么用JavaScript的splice實(shí)現(xiàn)數(shù)組的刪除、插入、替換”文章吧。

一、splice 刪除

寫法

array.splice(index,n);

參數(shù)含義

index：數(shù)組中需要刪除數(shù)據(jù)的起始位置；

n：需要刪除的元素，數(shù)據(jù)的個數(shù)；

二、splice 插入

寫法

array.splice(index,0,data1,data2,....);

參數(shù)

index：數(shù)組中需要插入數(shù)據(jù)的起始位置；

0：刪除的個數(shù)為0；

data1,data2：需要插入的元素，用逗號隔開

三、splice 替換

寫法

array.splice(index,n,data1,data2,......);

參數(shù)

index：需要替換的元素的起始位置；

n：需要替換的元素的個數(shù)，實(shí)質(zhì)是刪除；

data1，data2：需要插入元素，用逗號隔開；

總的來說，splice實(shí)質(zhì)上是通過刪除元素來實(shí)現(xiàn)插入、刪除、替換的；

附上 操作數(shù)組的方法

push 在數(shù)組尾部添加，返回添加后的數(shù)組元素的個數(shù)

unshift 在數(shù)組頭部添加，返回數(shù)組添加后元素的個數(shù)

shift 刪除數(shù)組的第一個元素，返回被刪除的元素

pop 刪除數(shù)組的最后一個元素，返回被刪除的元素

splice 刪除、插入、替換 執(zhí)行的是操作，改變原數(shù)組的值，不返回任何值

slice（start，end） 截取數(shù)組的一部分，返回截取的數(shù)組，start為起始位置，end為結(jié)束為止，不包括結(jié)束的位置元素

concat a.concat(b) 將兩個數(shù)組拼接在一起，返回一個拼接后的新數(shù)組，且a內(nèi)部的元素在新數(shù)組的前部

toString 將數(shù)組轉(zhuǎn)換成字符串 返回一個字符串，toLocalString 實(shí)現(xiàn)與toString方法類似，不過在IE下會出現(xiàn)兼容性問題，比如字符前后出現(xiàn)空格，數(shù)字出現(xiàn)小數(shù)，導(dǎo)致length屬性變化，所以盡量使用string

join（''& ''） 將數(shù)組以&符號間隔轉(zhuǎn)換為字符串 返回一個字符串

split（‘’& ‘’） 將字符串以&符號位標(biāo)記轉(zhuǎn)換成數(shù)組 返回一個新數(shù)組

sort(function(a,b){return a-b}) 將數(shù)組進(jìn)行排序，如果沒有function函數(shù)，則按字符編碼排序 返回操作后的新數(shù)組

reverse() 將數(shù)組進(jìn)行倒序排序，即將數(shù)組的順序顛倒 返回倒序排列后的新數(shù)組

valueOf 查看對象內(nèi)的值，可以返回字符串類型的數(shù)組，不常用

charAt（index）獲取字符串制定順序上的元素，返回要查詢位置的元素，不能用于查詢數(shù)組元素

<script>

    var arr = ['b','a','c'];

    console.log(arr.valueOf());// valueOf 返回3 ['b','a','c']

    console.log(arr.sort());// 排序，按照字符編碼 返回 [a,b,c]

    console.log(arr.reverse());//倒序方法  返回 [c,a,b]

    arr.splice(1,0,'newitem')// 插入

    console.log(arr);  // 返回["c", "newitem", "b", "a"]

    arr.splice(1,1,'olditem')//替換

    console.log(arr) // 返回 ["c", "olditem", "b", "a"]

    console.log(arr.unshift('haha')) //頭部添加&lsquo;haha&rsquo; 返回長度 5

    console.log(arr.push('heihei'));//尾部添加&lsquo;heihei&rsquo;返回長度 6

    console.log(arr.shift()) //頭部刪除  返回haha

    console.log(arr.pop()) //尾部刪除  返回heihei

    var arr1 = [1,2,3,4]

    console.log(arr.concat(arr1)) // 數(shù)組合并  返回["c", "olditem", "b", "a", 1, 2, 3, 4]

    console.log(arr.slice(1,2)) //數(shù)組截取 返回 ["olditem"]

    console.log(arr[0]) //返回 數(shù)組的指定位置的元素

</script>

以上就是關(guān)于“怎么用JavaScript的splice實(shí)現(xiàn)數(shù)組的刪除、插入、替換”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。