vm.items.splice( ) 替换/删除/添加数组内某一个或者几个值
2018-09-28 18:01
1506 查看
为什么不用 vm.items[index] 和 vm.items.length 直接修改数组元素和数组长度?
答:这两种方法不是响应式的。也就是说不会改变 vue 对象里面的数据
[code]<script> //不是响应式的的方法 vm.items[1] = 'x' // 不是响应性的 vm.items.length = 2 // 不是响应性的 </script>
(PS: Vue.set(array key, value) set 方法也可以 设置数组元素,详见 Vue.set( target, key, value ) 设置数组元素)
splice(index,len,[newValue])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组,响应式)
语法:vm.items.splice(index,len,[newValue])
index: 数组开始下标
len: 替换/删除的长度
item: 替换的值,删除操作的话 item为空
语法:vm.items.splice(index, len, newValue)
一、用splice直接修改数组的长度
vm.items.splice(1) :设置数组的长度为 1
[code]<div id="div" > <p v-for="item in items"> {{item}} </p> </div> <script> var vm = new Vue({ el:"#div", data: { items: ['a', 'b', 'c'] } }) vm.items.splice(1) </script>
二、用splice修改数组的长度和元素
vm.items.splice(1,2,"ling") : 表示从1 这个下标的元素开始, 删除2个元素,并在这个位置增加新元素"ling"
[code]<div id="div" > <p v-for="item in items"> {{item}} </p> </div> <script> var vm = new Vue({ el:"#div", data: { items: ['a', 'b', 'c'] } }) vm.items.splice(1,2,"ling")//表示从1 这个下标的元素开始, 删除2个元素,并在这个位置增加新元素"ling" alert(vm.items) //返回值 a,ling 说明数组已经被改变 </script>
使用splice 方法前的数组:
使用splice 方法后的数组:
阅读更多
相关文章推荐
- splice() 方法通过删除现有元素和/或添加新元素来更改一个数组的内容
- 在数组中添加一个元素进行(替换 删除 插入)
- 如何给数组添加元素,插入一个元素,删除一个元素,替换数组里面的元素,交换数组里面的元素
- js 给json添加新的字段,或者添加一组数据,在JS数组指定位置删除、插入、替换元素
- splice() 方法通过删除现有元素和/或添加新元素来更改一个数组的内容。
- 动态数组,数组初始化,数组内存释放,向数组中添加一个元素,向数组中添加多个元素,数组打印,顺序查找,二分查找,查找数组并返回地址,冒泡排序,改变数组中某个元素的值,删除一个数值,删除所有,查找含有
- 集合框架(一)续 向集合中添加一个集合、数组和List之间的相互转换、从集合中删除另一个集合所包含的元素
- System.Collections.ArrayList类是一个特殊的数组。通过添加和删除元素,就可以动态改变数组的长度。
- 体验js中splice()的强大(插入、删除或替换数组的元素)
- jquery中找到元素在数组中位置,添加或者删除元素的新方法
- javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)
- js数组 添加 删除 替换 排序 反转
- Javascript splice() 对数组的操作(插入、删除、替换元素)
- JS之数组删除/添加项目方法splice
- 实现在一个数组指定位置添加元素和删除元素的功能
- php中删除数组中的某一个unset和array_splice的区别
- ubuntu添加 或者 删除一个ppa源
- 关于 js中 数组删除 和替换的例子(splice 和 slice)(w3cschool)
- 体验js中splice()的强大(插入、删除或替换数组的元素)
- [ACM] POJ 1035 Spell checker (单词查找,删除替换添加不论什么一个字母)