Vue中splice的運用

轉自https://blog.csdn.net/qq_42043377/article/details/83003159

感謝部落客分享，真是讓人秒懂哇~

其實說白了 vue中的splice和javaScript中的是一樣的

splice(index,len,[item])

它也可以用來

替換/删除/添加

數組内某一個或者幾個值（該方法會改變原始數組）

index:數組開始下标

len: 替換/删除的長度

item:替換的值，删除操作的話 item為空

舉個例子:

在本例中，我們将建立一個新數組，并向其添加一個元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,0,"William")

document.write(arr + "<br />")

</script>
           

輸出:

George,John,Thomas,James,Adrew,Martin
George,John,William,Thomas,James,Adrew,Martin
           

在本例中我們将删除位于 index 2 的元素，并添加一個新元素來替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,1,"William")

document.write(arr)

</script>
           

輸出：

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
           

在本例中我們将删除從 index 2 (“Thomas”) 開始的三個元素，并添加一個新元素 (“William”) 來替代被删除的元素：

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(2,3,"William")

document.write(arr)

</script>
           

輸出：

George,John,Thomas,James,Adrew,Martin
George,John,William,Martin
           

這個例子是删除全部

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
arr.splice(0,arr.length)

document.write(arr)

</script>
           

輸出:

什麼都沒有
           

相信大家到這已經懂了 祝你們學業有成