如何在 vuejs 中将对象合并到数组对象答案

【问题标题】：How to merge a object to a array object in vuejs如何在 vuejs 中将对象合并到数组对象
【发布时间】：2022-07-22 22:50:27
【问题描述】：

我有一个 api response.data

[{id: 1, name:"Test 1"},{id: 2, name:"Test 2"}]

还有我的组件 .vue

...
    created() {
       const request = axios.get("***api_url***").then(response => {
          const result = response.data;
          const placeholder = { 'id': 0, 'name': '[Select]' };
          const newObject = result.concat( placeholder.map( item => ({id: item.id, name: item.name}) ) );
          console.log(newObject);
      });
   }

我希望在 api 响应后合并占位符对象

【问题讨论】：

result.unshift(placeholder)
@kemicofaghost 它对我有用，谢谢

标签： javascript vue.js vuejs2

【解决方案1】：

Result 实际上是一个列表。你可以使用解构赋值

  const result = [{id: 1, name:"Test 1"},{id: 2, name:"Test 2"}];
  const placeholder = {id:0, name: "[Select]"};

  const newObject = [ placeholder, ...result ];

添加占位符。

【讨论】：

【解决方案2】：

显然，Vue 是一个 JavaScript 的渐进式框架，所以我们可以在这里使用 JavaScript 的相同功能来合并 Vue 中的对象。

请在您的代码中使用以下功能！

Object.assign(target, Obj1, Obj2, ...);

阿尔伯特

【讨论】：