Vue中splice的使用

简介: Vue中splice的使用

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'] 
相关文章
|
6月前
|
JavaScript API PHP
vue element plus 快速开始
vue element plus 快速开始
103 0
|
6月前
|
Web App开发 资源调度 JavaScript
vue element plus 安装
vue element plus 安装
98 0
|
6月前
|
JavaScript 小程序
js数组去重的10种有效方法 vue 数组去重
js数组去重的10种有效方法 vue 数组去重
|
6月前
|
JavaScript
Vue中splice的使用
Vue中splice的使用
|
5月前
|
JavaScript
|
6月前
|
JavaScript
vue中$children的理解
vue中$children的理解
【Vue3】vue3 中 watch 和 watchEffect 的区别
【Vue3】vue3 中 watch 和 watchEffect 的区别
118 0
|
JavaScript
Vue splice方法使用
Vue splice方法使用
97 0
|
JavaScript
vue中splice的用法
vue中splice的用法
105 0
Vue3 globalProperties 的使用(代替 Vue.prototype.$xxx)
Vue3 globalProperties 的使用(代替 Vue.prototype.$xxx)
237 0