VueJs - 前置到数组

Posted 2023-02-22

【中文标题】VueJs - 前置到数组

【英文标题】：VueJs - Prepend to array

【发布时间】：2016-06-01 15:43:09

【问题描述】：

我正在尝试将数据添加到 VueJs 中的数组中：

number: [

],

this.number.push(
    number: 1
)

如何添加而不是添加？

【问题讨论】：

Push 确实追加到一个数组...你想要什么行为？

【参考方案1】：

我还将添加新的预置到数组的方法：

this.number = [
  number: 1 ,
  ...this.number
]

【参考方案2】：

取消换档：

https://developer.mozilla.org/en-US/docs/Web/javascript/Reference/Global_Objects/Array/unshift

this.number.unshift(number: 1);

您还可以传递多个参数以将它们全部添加：

this.number.unshift(number: 1, number: 2);

返回值为数组的新长度：

var foo = [1];
var bar = foo.unshift(2, 3, 4);
//foo = [2, 3, 4, 1]; bar = 4;

【讨论】：

@user3662307 记住：unshift、shift、push 和 pop

【参考方案3】：

Vue 包装了一个仅观察到的数组方法：push, pop, shift, unshift, splice, sort, reverse。您可以使用 unshift 或 splice。例如：

 youArray.splice(0, 0, 'first item in Array');

【参考方案4】：

Unshift 是一个很好的解决方案。但这里有一个使用 concat 的不同解决方案：

this.number = [number: 1].concat(this.number);