vue更改數(shù)組中的值實(shí)例代碼詳解

發(fā)布時間：2020-09-26 12:25:21 來源：腳本之家閱讀：133 作者：未月廿三欄目：web開發(fā)

根據(jù)下標(biāo)更改時

vm為新建的vue對象

ind為數(shù)組

第一個e為在數(shù)組ind中e索引位置

第二個e為更改為值e

vm.$set(vm.ind,e,e)

常規(guī)更改

arr為數(shù)組

//添加
arr.push(1);
//刪除
arr.splice(*,*);
//替換
arr.splice(*,*,*);

splice方法

實(shí)例

例子 1

在本例中，我們將創(chuàng)建一個新數(shù)組，并向其添加一個元素：

<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

例子 2

在本例中我們將刪除位于 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

例子 3

在本例中我們將刪除從 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

總結(jié)

以上所述是小編給大家介紹的vue更改數(shù)組中的值實(shí)例代碼詳解，希望對大家有所幫助！

向AI問一下細(xì)節(jié)

vue更改數(shù)組中的值實(shí)例代碼詳解

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽