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


Posted in Javascript onFebruary 07, 2020

根据下标更改时

vm为新建的vue对象

ind为数组

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

第二个e为更改为值e

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

常规更改

arr为数组

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

splice方法

实例

例子 1

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

<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

总结

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

Javascript 相关文章推荐
JavaScript 学习初步 入门教程
Mar 25 Javascript
减少访问DOM的次数提升javascript性能
Feb 24 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
Vue自定义toast组件的实例代码
Aug 15 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 07 Javascript
vue 自定义组件添加原生事件
Apr 21 Vue.js
Vue 一键清空表单的实现方法
Feb 07 #Javascript
Vue中qs插件的使用详解
Feb 07 #Javascript
npm qs模块使用详解
Feb 07 #Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 #Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
Feb 07 #Javascript
jQuery实现获取多选框的值示例
Feb 07 #jQuery
微信小程序canvas开发水果老虎机的思路详解
Feb 07 #Javascript
You might like
php下关于Cannot use a scalar value as an array的解决办法
2010/08/08 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
laravel中的错误与日志用法详解
2016/07/26 PHP
如何重写Laravel异常处理类详解
2020/12/20 PHP
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
js自动下载文件到本地的实现代码
2013/04/28 Javascript
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
jQuery中:animated选择器用法实例
2014/12/29 Javascript
JavaScript组件开发完整示例
2015/12/15 Javascript
jQuery.deferred对象使用详解
2016/03/18 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
js实现横向拖拽导航条功能
2017/02/17 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
2017/11/15 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
使用js获取身份证年龄的示例代码
2020/12/11 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
对Python新手编程过程中如何规避一些常见问题的建议
2015/04/01 Python
python中的逆序遍历实例
2019/12/25 Python
查摆问题整改措施范文
2014/10/11 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
农村党员干部承诺书
2015/05/04 职场文书
公司考勤管理制度
2015/08/04 职场文书
教你利用Selenium+python自动化来解决pip使用异常
2021/05/20 Python
python 命令行传参方法总结
2021/05/25 Python
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
使用Python解决图表与画布的间距问题
2022/04/11 Python