如何提取对象元素以数组形式填充为单个元素

use*_*ent -2 javascript vuejs2

通过以下代码,我能够获取保存在本地存储中的数据:

this.order = JSON.parse(localStorage.getItem('order'));
Run Code Online (Sandbox Code Playgroud)

现在,如果我进行console.log,则order变量如下所示:

[
  {id: 1, title: 'Title 1'},
  {id: 2, title: 'Title 2'},
]
Run Code Online (Sandbox Code Playgroud)

如何创建一个仅在VueJs或JavaScript中存储order数组的ID的数组?

作为最终结果,我想要一个像这样的数组:

newArray = [1,2];
Run Code Online (Sandbox Code Playgroud)

我尝试了以下方法:

for(var i = 0; i<=this.order.length; i++){
    this.newArray.push(this.order[i]);
}
console.log(this.newArray);
Run Code Online (Sandbox Code Playgroud)

当我在控制台中查看时,它给我未定义的信息。

我拥有一个如下所示的数组的正确方法是什么?

newArray = [1,2];
Run Code Online (Sandbox Code Playgroud)

mel*_*ene 5

您可以map在原始数组上方提取id每个元素的:

let newArray = this.order.map(x => x.id);
Run Code Online (Sandbox Code Playgroud)