微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

浅析vue.js数组的变异方法

Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下:

  • push()
  • pop()
  • shift()
  • unshift()
  • splice()
  • sort()
  • reverse()

都有什么功能?动手试验了一下:

rush:js;">
push方法功能" @click="methodByPush">
pop方法功能" @click="methodByPop">
shift方法功能" @click="methodByShift">
unshift方法功能" @click="methodByUnshift">
splice方法功能" @click="methodBySplice">
sort方法功能" @click="methodBySort">
reverse方法功能" @click="methodByReverse">
result显示的地方:
rush:js;">

得到下面的结论:

push() 往数组最后面添加一个元素,成功返回当前数组的长度

pop() 删除数组的最后一个元素,成功返回删除元素的值

shift() 删除数组的第一个元素,成功返回删除元素的值

unshift() 往数组最前面添加一个元素,成功返回当前数组的长度

splice() 有三个参数,第一个是想要删除的元素的下标(必选),第二个是想要删除的个数(必选),第三个是删除 后想要在原位置替换的值(可选)

sort() 使数组按照字符编码认从小到大排序,成功返回排序后的数组

reverse() 将数组倒序,成功返回倒序后的数组

后来发现这些应该都是javascript本来的方法吧?以前javascript没学好,正好趁这次把这些方法用法都给捡回来!

原文地址:https://www.jb51.cc/vue/31736.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐