js使用取余的方式，匹配合并两个数组，使用map循环遍历解决问题

原创已于 2024-10-30 15:40:29 修改 · 401 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2024-10-30 15:04:48 首次发布

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

需求

将按照要求将两个数组合并，如下所示：

let arrs1 = [
    {temp: "111", fileID: "222", url: "333"},
    {temp: "444", fileID: "555", url: "666"},
    {temp: "aaa"},
    {temp: "bbb"},
    {temp: "ccc"},
];

let arrs2 = [
    {fileID: "xxx", url: "yyy"},
    {fileID: "uuuu", url: "ppppp"},
    {fileID: "DDDD", url: "zzzz"}
];

合并成如下格式：

arrs1 = [
    {temp: "111", fileID: "222", url: "333"},
    {temp: "444", fileID: "555", url: "666"},
    {temp: "aaa", fileID: "xxx", url: "yyy"},
    {temp: "bbb", fileID: "uuuu", url: "ppppp"},
    {temp: "ccc", fileID: "DDDD", url: "zzzz"},
]

解决方案

function mergeArrays(arr1, arr2) {
    return arr1.map((item1, index) => {
        if (!item1.fileID &&!item1.url) {
            return {...item1,...arr2[index % arr2.length] };
        }
        return item1;
    });
}

arrs1 = mergeArrays(arrs1, arrs2);
console.log(arrs1);

概述

通过这种取余的方式进行两个数组匹配合并，还是挺好用的，上面代码AI写的，正好满足我的要求，下面的上传图片代码就是使用这种方式解决的，记录一下，以后用的时候别忘了。

pictures.value = pictures.value.map((item,index)=>{		
	if(item.status!=2){
		return {...item,...newPictures[index % newPictures.length]}
	}
	return item;
})