怎么用JavaScript的splice實現數組的刪除、插入、替換

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

一、splice 刪除

寫法

array.splice(index,n);

參數含義

index：數組中需要刪除數據的起始位置；

n：需要刪除的元素，數據的個數；

二、splice 插入

寫法

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

參數

index：數組中需要插入數據的起始位置；

0：刪除的個數為0；

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

三、splice 替換

寫法

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

參數

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

n：需要替換的元素的個數，實質是刪除；

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

總的來說，splice實質上是通過刪除元素來實現插入、刪除、替換的；

附上 操作數組的方法

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

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

shift 刪除數組的第一個元素，返回被刪除的元素

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

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

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

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

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

join（''& ''） 將數組以&符號間隔轉換為字符串 返回一個字符串

split（‘’& ‘’） 將字符串以&符號位標記轉換成數組 返回一個新數組

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

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

valueOf 查看對象內的值，可以返回字符串類型的數組，不常用

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

<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)) // 數組合并  返回["c", "olditem", "b", "a", 1, 2, 3, 4]

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

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

</script>

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