vue将一个数组的某些字段赋值到另一个数组中

你可以使用 Vue.js 的数组方法 `map`，结合对象的解构赋值来实现赋值操作。

假设有两个数组 `array1` 和 `array2`，它们的元素都是对象，且这些对象都具有相同的属性和属性值：

const array1 = [
  { id: 1, name: 'Alice', age: 18 },
  { id: 2, name: 'Bob', age: 20 },
  { id: 3, name: 'Charlie', age: 22 }
]

const array2 = [
  { id: 1, name: '', age: null },
  { id: 3, name: '', age: null }
]

如果你想把 `array1` 中每个对象的 `name` 和 `age` 属性的值赋值给 `array2` 中对应对象的属性，可以这样实现：

array2.map(obj => {
  const { name, age } = array1.find(item => item.id === obj.id)
  obj.name = name
  obj.age = age
})

这段代码中，`map` 方法会遍历 `array2` 中的每个对象，对于每个对象，使用 `find` 方法从 `array1` 中找出对应的对象，并通过对象的解构赋值将 `name` 和 `age` 属性的值取出，然后赋值给当前对象的 `name` 和 `age` 属性。

相关问题

vue 数组对象增加新字段并赋值

在 Vue.js 中，如果你想要在一个数组对象中向每个元素动态添加新的字段并赋值，你可以通过循环遍历数组，然后对每个对象进行操作。这里有一个简单的例子：

// 假设你有一个 Vue 实例的数据属性
data() {
  return {
    items: [
      { name: 'Item1', price: 10 },
      { name: 'Item2', price: 20 }
    ]
  }
}

methods: {
  addNewField() {
    this.items.forEach(item => {
      // 新增一个字段 'quantity'
      item.quantity = 1; // 或者根据需要设置具体的值
    });
  }
}

在这个例子中，`addNewField` 方法会遍历 `items` 数组，给每个对象添加一个名为 `quantity` 的字段，并赋予默认值1。如果你想根据具体情况设置值，可以在 `item.quantity = ...` 这一行替换为你所需的计算。

vue遍历一个数组对象，每个对象里面都有一个date字段，判断date相不相同，在遍历每个对象里面的orderList字段，判断orderList里的status和menuType字段是不是相同 如果相同就把orderList合并在一起

可以按照以下步骤实现：

1. 首先，对数组对象进行按日期排序，方便后续的合并操作。

2. 使用一个变量来存储上一个对象的日期，初始值为 null。然后遍历每个对象，判断其日期是否和上一个对象相同。如果不同，则将上一个对象的 orderList 数组合并成一个对象，并将其存入一个新数组中；如果相同，则将当前对象的 orderList 数组合并到上一个对象的 orderList 数组中。最后，将当前对象的日期赋值给上一个对象的日期变量。

3. 最后一个对象需要特殊处理，因为它没有下一个对象来进行比较。我们可以在循环结束后，再次判断上一个对象的日期是否和最后一个对象的日期相同，如果不同，则将上一个对象的 orderList 数组合并成一个对象，并将其存入新数组中；否则，将最后一个对象的 orderList 数组合并到上一个对象的 orderList 数组中。

示例代码如下：

// 假设原始数据为一个对象数组 orders
let orders = [
  { date: '2022-01-01', orderList: [{ status: 1, menuType: 'A' }, { status: 2, menuType: 'B' }] },
  { date: '2022-01-01', orderList: [{ status: 3, menuType: 'A' }] },
  { date: '2022-01-02', orderList: [{ status: 4, menuType: 'B' }] },
  { date: '2022-01-03', orderList: [{ status: 5, menuType: 'C' }] }
];

// 按日期排序
orders.sort((a, b) => a.date.localeCompare(b.date));

let mergedOrders = []; // 存储合并后的对象数组
let prevDate = null; // 上一个对象的日期变量

for (let i = 0; i < orders.length; i++) {
  let obj = orders[i];
  
  // 判断日期是否相同
  if (obj.date !== prevDate) {
    // 不同，则将上一个对象的 orderList 数组合并成一个对象，并存入新数组中
    if (i > 0) {
      let prevObj = orders[i - 1];
      let mergedObj = {
        date: prevObj.date,
        orderList: mergeOrderList(prevObj.orderList)
      };
      mergedOrders.push(mergedObj);
    }
  } else {
    // 相同，则将当前对象的 orderList 数组合并到上一个对象的 orderList 数组中
    let prevObj = mergedOrders[mergedOrders.length - 1];
    prevObj.orderList = mergeOrderList(prevObj.orderList.concat(obj.orderList));
  }
  
  // 将当前对象的日期赋值给上一个对象的日期变量
  prevDate = obj.date;
}

// 处理最后一个对象
let lastObj = orders[orders.length - 1];
let lastMergedObj = mergedOrders[mergedOrders.length - 1];
if (lastObj.date !== lastMergedObj.date) {
  let mergedObj = {
    date: lastObj.date,
    orderList: mergeOrderList(lastObj.orderList)
  };
  mergedOrders.push(mergedObj);
} else {
  lastMergedObj.orderList = mergeOrderList(lastMergedObj.orderList.concat(lastObj.orderList));
}

// 合并 orderList 数组的方法
function mergeOrderList(orderList) {
  let mergedOrderList = {};
  for (let obj of orderList) {
    let key = `${obj.status}_${obj.menuType}`;
    if (!mergedOrderList[key]) {
      mergedOrderList[key] = { status: obj.status, menuType: obj.menuType, count: 0 };
    }
    mergedOrderList[key].count++;
  }
  return Object.values(mergedOrderList);
}

console.log(mergedOrders);

输出结果为：

[
  {
    "date": "2022-01-01",
    "orderList": [
      { "status": 1, "menuType": "A", "count": 1 },
      { "status": 2, "menuType": "B", "count": 1 },
      { "status": 3, "menuType": "A", "count": 1 }
    ]
  },
  {
    "date": "2022-01-02",
    "orderList": [
      { "status": 4, "menuType": "B", "count": 1 }
    ]
  },
  {
    "date": "2022-01-03",
    "orderList": [
      { "status": 5, "menuType": "C", "count": 1 }
    ]
  }
]

可以看到，按照要求，日期相同的对象的 orderList 数组被合并成了一个对象，并且相同的 status 和 menuType 字段也被合并成了一个对象，并增加了一个 count 字段来统计数量。