尾部添加(push)
push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。
从解释中可以看出,push方法只要将要添加的元素依次放到数组的最后即可,不会改变原有数组元素的索引。所以循环参数列表,将新元素依次放到数组的最后即可。
vue 中,数组动态push对象时正常情况是可以更新视图的,犯了一个错误,记录一下总结就是: 注意数据是否为响应式数据
最常见场景: form 表单中有一组动态增删数据的列表,如图示:
在编辑的时候,拿到接口返回的值时,错误的做法: 使得问题列表 smQuestionList 失去了响应式数据的性质,即 data 中没有了,而是重新通过 . 添加的
这样在调用新增的时候,通过 vue-Devtool 看到数据增加了,但视图却没有更新,当时没考虑那么多直接使用了强制刷新 DOM — this.$forceUpdate() ,事后想着还是不对劲,反复看了一下才发现是因为数据没有响应式,给 form 赋值注意按照即可
记录一下
队列是常见的使用数组方法之一。在计算机科学中,这表示支持两个 *** 作的一个有序元素的集合:
push 在末端添加一个元素。
shift 取出队列首端的一个元素,整个队列往前移,这样原先排第二的元素现在排在了第一。
这两种 *** 作数组都支持。
队列的应用在实践中经常碰到。例如需要在屏幕上显示消息队列。
数组还有另外一个用例,就是数据结构 栈 。
栈支持两种 *** 作:
push 在末端添加一个元素。
pop 从末端取出一个元素。
所以新元素的添加和取出都是从“末端”开始的。
栈通常被形容成一叠卡片:要么在最上面添加卡片,要么从最上面拿走卡片:
对于栈来说,最后放进去的内容是最先接收的,也叫做 LIFO (Last-In-First-Out) ,即后进先出法则。而与队列相对应的 FIFO (First-In-First-Out) ,即先进先出。
JavaScriptt 中的数组既可以用作队列,也可以用作栈。它们允许你从 首端/末端 来 添加/删除 元素。
在计算机科学中,允许这样 *** 作的数据结构被称为 双端队列。
pop
//取出并返回数组的最后一个元素:
push
//在数组末端添加元素:
调用 fruits.push(...) 与 fruits[fruits.length] = ... 是一样的。
shift
//取出数组的第一个元素并返回它:
unshift
//在数组的首端添加元素:
push 和 unshift 方法都可以一次添加多个元素:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)