vue中splice的使用

2021-09-28 10:58:43 字數 1045 閱讀 3300

splice(index,len,[item])它也可以用來替換/刪除/新增陣列內某乙個或者幾個值(該方法會改變原始陣列)

index:陣列開始下標

len: 替換/刪除的長度

item:替換的值,刪除操作的話 item為空

刪除://刪除起始下標為1,長度為1的乙個值(len設定1,如果為0,則陣列不變)

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

arr.splice(1,1);

console.log(arr);

//['a','c','d'];

//刪除起始下標為1,長度為2的乙個值(len設定2)

var arr2 = ['a','b','c','d']

arr2.splice(1,2);

console.log(arr2);

//['a','d']

替換:

//替換起始下標為1,長度為1的乙個值為『ttt』,len設定的1

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

arr.splice(1,1,'ttt');

console.log(arr);

//['a','ttt','c','d']

//替換起始下標為1,長度為2的兩個值為『ttt』,len設定的1

var arr2 = ['a','b','c','d'];

arr2.splice(1,2,'ttt');

console.log(arr2);

//['a','ttt','d']

新增:

//在下標為1處新增一項'ttt'

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

arr.splice(1,0,'ttt');

console.log(arr);

//['a','ttt','b','c','d']

Vue中splice的使用

index 陣列開始下標 len 替換 刪除的長度 item 替換的值,刪除操作的話 item為空 刪除起始下標為1,長度為1的乙個值 len設定1,如果為0,則陣列不變 var arr a b c d arr.splice 1,1 console.log arr a c d 刪除起始下標為1,長度...

VUE中splice的使用

一,簡介 splice index,len,item 它也可以用來替換 刪除 新增陣列內某乙個或者幾個值 該方法會改變原始陣列 二,用法 1 刪除 刪除起始下標為1,長度為1的乙個值 len設定1,如果為0,則陣列不變 var arr a b c d arr.splice 1,1 console.l...

vue 中 splice的用法 工作總結

在程式開發過程中,所有的bug都可以通過除錯解決.解決不了,說明你的知識體系不全面 本次要說的是vue template開發的 乙個頁面中引用了多個template,既父元件引用了多個子元件.當顯示乙個子元件就要將另乙個子元件隱藏起來.我們可以使用兩種方法 v show和v if 1.v show ...