vue合并数组问题：如何将数组2中的附件替换为数组1中的附件

在Vue中，经常会遇到需要合并数组的情况。为了合并数组中的对象，其中一个常见问题是如何将一个数组中对象的特定属性值替换为另一个数组中相应对象的属性值。

假设我们有两个数组如下：

let arr1 = [
    {
        "attachment": "https://lumall.inspures.com/images/img/product/8e358701-177a-46e1-b25e-1e13fbcd92e0.png"
    },
    {
        "attachment": "https://lumall.inspures.com/images/img/product/2adcd34a-786f-43ac-b8a8-3c45ed408019.png"
    }
];

let arr2 = [
    {
        "attachment": "blob:http://localhost:8096/9b565718-7799-440b-b761-de747f2d59c5",
        "number": 0,
        "id": ""
    },
    {
        "attachment": "blob:http://localhost:8096/1d826622-bc72-466f-8778-30dcaf773489",
        "number": 1,
        "id": ""
    }
];

我们希望将arr2中的attachment属性值替换为arr1中相应对象的attachment属性值。

以下代码解决了此问题：

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

arr2.map((item, index) => {
    item.attachment = arr1[index].attachment;
    return item;
});

此代码使用Array.map()方法遍历arr2中的每个对象。对于每个对象，它获取其索引，并使用该索引从arr1中获取相应的对象。然后，它将arr1中对象的attachment属性值赋值给arr2中当前对象的attachment属性值。

最终，合并后的数组将如下所示：

[
    {
        "attachment": "https://lumall.inspures.com/images/img/product/8e358701-177a-46e1-b25e-1e13fbcd92e0.png",
        "number": 0,
        "id": ""
    },
    {
        "attachment": "https://lumall.inspures.com/images/img/product/2adcd34a-786f-43ac-b8a8-3c45ed408019.png",
        "number": 1,
        "id": ""
    }
]

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！