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 动态生成方法的例子
Jul 22 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
Jul 07 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 Javascript
js 奇葩技巧之隐藏代码
Aug 11 Javascript
js实现动态改变radio状态的方法
Feb 28 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
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类
2008/04/09 PHP
ThinkPHP CURD方法之page方法详解
2014/06/18 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
Laravel 5使用Laravel Excel实现Excel/CSV文件导入导出的功能详解
2017/10/11 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009/10/26 Javascript
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
YUI模块开发原理详解
2013/11/18 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
React 子组件向父组件传值的方法
2017/07/24 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
vue+webpack中配置ESLint
2018/11/07 Javascript
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
wxPython中文教程入门实例
2014/06/09 Python
用Python实现协同过滤的教程
2015/04/08 Python
python构建基础的爬虫教学
2018/12/23 Python
浅析Django中关于session的使用
2019/12/30 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
python爬虫scrapy图书分类实例讲解
2020/11/23 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
python 制作磁力搜索工具
2021/03/04 Python
css3打造一款漂亮的卡哇伊按钮
2013/03/20 HTML / CSS
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
学院党的群众路线教育实践活动整改方案
2014/10/04 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
2019年干货:自我鉴定
2019/03/25 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python
科学家测试在太空中培育人造肉,用于未来太空旅行
2022/04/29 数码科技