浅析vue.js数组的变异方法
发布时间：2020-12-17 03:10:26 所属栏目：百科 来源：网络整理
导读：Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下： push() pop() shift() unshift() splice() sort() reverse() 都有什么功能？动手试验了一下： push方法： pop方法： shift方法： unshift方法： splice方法： sort方法： rever
|
Vue 包含一组观察数组的变异方法，所以它们也将会触发视图更新。这些方法如下：
都有什么功能？动手试验了一下：
push方法：
pop方法：
shift方法：
unshift方法：
splice方法：
sort方法：
reverse方法：
result显示的地方：
var vm = new Vue({
el: '#app',data: {
items: [],text: '',result: ''
},methods: {
methodByPush: function () {
this.result = this.items.push(this.text)
this.text = ''
},methodByPop: function () {
this.result = ''
this.result = this.items.pop()
},methodByShift: function () {
this.result = ''
this.result = this.items.shift()
},methodByUnshift: function () {
this.result = ''
this.result = this.items.unshift(this.text)
this.text = ''
},methodBySplice: function () {
this.result = ''
this.result = this.items.splice(2,1,'yovan')
},methodBySort: function () {
this.result = ''
this.result = this.items.sort()
},methodByReverse: function () {
this.result = ''
this.result = this.items.reverse()
alert(this.result)
}
}
})
得到下面的结论： push() 往数组最后面添加一个元素，成功返回当前数组的长度 pop() 删除数组的最后一个元素，成功返回删除元素的值 shift() 删除数组的第一个元素，成功返回删除元素的值 unshift() 往数组最前面添加一个元素，成功返回当前数组的长度 splice() 有三个参数，第一个是想要删除的元素的下标（必选），第二个是想要删除的个数（必选），第三个是删除 后想要在原位置替换的值（可选） sort() 使数组按照字符编码默认从小到大排序,成功返回排序后的数组 reverse() 将数组倒序，成功返回倒序后的数组 后来发现这些应该都是javascript本来的方法吧？以前javascript没学好，正好趁这次把这些方法的用法都给捡回来！ （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |