Vue里面数组哪些方法是响应式的

  • 尾部删除:pop()

  • 首部删除:shift()

  • 首部添加:unshift()

  • 删除/插入/替换元素:splice()

  • 排序:sort()

  • 反转数组:reverse()

push()

//1.push方法,最后一位添加元素,响应式,数据改变

let letters=[‘A’,‘B’,‘C’,‘D’,‘E’]

letters.push(‘K’)

pop()

//2.pop()删除最后一位元素,响应式,数据改变

let letters=[‘A’,‘B’,‘C’,‘D’,‘E’]

letters.pop()

shift()

//3.shift()删除第一个元素,响应式,数据改变

let letters=[‘A’,‘B’,‘C’,‘D’,‘E’]

letters.shift()

unshift()

//4.unshift()在首位添加元素,响应式,数据改变

let letters=[‘A’,‘B’,‘C’,‘D’,‘E’]

letters.unshift(‘K’)

splice()

//5.splice作用:删除元素/插入元素/替换元素

let letters=[‘A’,‘B’,‘C’,‘D’,‘E’]

//start起点,length长度,…arg可变数组

//删除

letters.splice(start)//从下标start及其后全部删除

letters.splice(start,length)//下标start开始,长度为length

//替换

letters.splice(start,1,‘K’)//letters[start]=‘K’,本质是先删除下标给start的,在插入’K’

//插入

letters.splice(start,0,‘K’,‘F’[,‘G’[,…]])//在start后面插入任意个数的元素。

letters.splice(start,0,…[‘s’,‘q’,‘y’])//插入数组可以用扩展服将数组转为序列

sort()

//排序,从小到大,响应式

let letters=[‘A’,‘B’,‘C’,‘D’,‘E’]

letters.sort()

使用 sort() 方法时,应该注意下面几个问题。

  • 所谓的字母顺序,实际上是根据字母在字符编码表中的顺序进行排列的,每个字符在字符表中都有一个唯一的编号。

  • 如果元素不是字符串,则 sort() 方法试图把数组元素都转换成字符串,以便进行比较。

  • sort() 方法将根据元素值进行逐位比较,而不是根据字符串的个数进行排序。在排序时,首先比较每个元素的第 1 个字符,在第 1 个字符相同的情况下,再比较第 2 个字符,以此类推。

var a = [“aba”,“baa”,“aab”];

a.sort(); //按字母顺序对元素进行排序console.log(a);

//返回数组[aab,aba,baa]

  • 在任何情况下,数组中 undefined 的元素都被排序在末尾。

  • 可以自定义排序规则

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 12
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值