微客导航 » 文章资讯 » vue更改数组中的值实例代码详解

vue更改数组中的值实例代码详解

2023-08-01 23:04:04 157

根据下标更改时

vm为新建的vue对象

ind为数组

第一个e为在数组ind中e索引位置

第二个e为更改为值e

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

常规更改

arr为数组

//添加
arr.push(1);
//删除
arr.splice(*,*);
//替换
arr.splice(*,*,*);

splice方法

实例

例子1

在本例中，我们将创建一个新数组，并向其添加一个元素：


vararr=newArray(6)
arr[0]="George"
arr[1]="John"
arr[2]="Thomas"
arr[3]="James"
arr[4]="Adrew"
arr[5]="Martin"
document.write(arr+"
")
arr.splice(2,0,"William")
document.write(arr+"
")

输出：

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

例子2

在本例中我们将删除位于index2的元素，并添加一个新元素来替代被删除的元素：


vararr=newArray(6)
arr[0]="George"
arr[1]="John"
arr[2]="Thomas"
arr[3]="James"
arr[4]="Adrew"
arr[5]="Martin"
document.write(arr+"
")
arr.splice(2,1,"William")
document.write(arr)

输出：

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

例子3

在本例中我们将删除从index2("Thomas")开始的三个元素，并添加一个新元素("William")来替代被删除的元素：


vararr=newArray(6)
arr[0]="George"
arr[1]="John"
arr[2]="Thomas"
arr[3]="James"
arr[4]="Adrew"
arr[5]="Martin"
document.write(arr+"
")
arr.splice(2,3,"William")
document.write(arr)

输出：

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

总结

以上所述是小编给大家介绍的vue更改数组中的值实例代码详解，希望对大家有所帮助！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

vue更改数组中的值实例代码详解

热门推荐

随机推荐