VueJs - 在数组前添加元素

Question

我正在尝试在VueJs中将数据前置到数组中：

number: [

],

this.number.push({
    number: 1
})

如何在前面添加而不是后面添加？

- Ricky Barnett

---

Push操作会将元素添加到数组中...您想要的行为是什么？ - Jeff

Answer 1

unshift：

https://developer.mozilla.org/zh-CN/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;

- Jeff

---

@user3662307 请记住：unshift、shift、push和pop。 - David

Answer 2

Vue只包装了以下这些可观察的数组方法：push, pop, shift, unshift, splice, sort, reverse。您可以使用unshift或splice。例如：

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

- slava_slava

Answer 3

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

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

- sha-1

Answer 4

我还会补充一种新的数组前置方法：

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

- techiedod