如何将javascript中具有键/值对的两个对象数组合并到一个数组中

如何将javascript中具有键/值对的两个对象数组合并到一个数组中,javascript,arrays,Javascript,Arrays,我想在react native app中合并两个数组,第一个数组包含图像URI,第二个数组包含第一个数组中每个图像的标题 第一个数组: (13) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] 0: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66172-1-739x493.jpg"} 1: {uri: "http://siteurl.com/wp-c

我想在react native app中合并两个数组,第一个数组包含图像URI,第二个数组包含第一个数组中每个图像的标题

第一个数组:

(13) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
0: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66172-1-739x493.jpg"}
1: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66173-349x493.jpg"}
2: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66174-1-778x493.jpg"}
3: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66175-1-411x493.jpg"}
4: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66176-1-714x493.jpg"}
5: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66177-1-657x493.jpg"}
6: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66178-1-851x493.jpg"}
7: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66184-1-739x493.jpg"}
8: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66185-739x493.jpg"}
9: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66186-739x493.jpg"}
10: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66187-764x493.jpg"}
11: {uri: "http://awstgb2.tageblatt.lusiteurl.com
12: {uri: "http://siteurl.com/wp-content/uploads/2020/05/66189-759x493.jpg"}
length: 13
__proto__: Array(0)
第二个数组:

(13) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
0: {caption: "HANDOUT - 11.10.2037, Die Filmszene des Films…ung des vorstehenden Credits +++ dpa-Bildfunk +++"}
1: {caption: ""}
2: {caption: "08.05.2028, Berlin: Ein russischer Soldat salutier…mus. Foto: Wolfgang Kumm/dpa +++ dpa-Bildfunk +++"}
3: {caption: "08.05.2028, Berlin: Kränze stehen aufgereiht …mus. Foto: Wolfgang Kumm/dpa +++ dpa-Bildfunk +++"}
4: {caption: ""}
5: {caption: ""}
6: {caption: "dpatopbilder - 28.10.2919, China, Shanghai: Nachta…. Foto: Ding Ting/XinHua/dpa +++ dpa-Bildfunk +++"}
7: {caption: ""}
8: {caption: ""}
9: {caption: ""}
10: {caption: ""}
11: {caption: ""}
12: {caption: "08.05.2028, Berlin: Dietmar Woidke (SPD, l), Brand…mus. Foto: Wolfgang Kumm/dpa +++ dpa-Bildfunk +++"}
length: 13
__proto__: Array(0)

所需的输出阵列为:

[{uri:"http://siteurl.com/wp-content/uploads/2020/05/66172-1-739x493.jpg",caption:"HANDOUT - 11.10.2037 Die Filmszene des Films…ung des vorstehenden Credits +++ dpa-Bildfunk +++"},
 {uri:"http://siteurl.com/wp-content/uploads/2020/05/66173-349x493.jpg",caption:""},
 {uri:"http://siteurl.com/wp-content/uploads/2020/05/66174-1-778x493.jpg",caption:"08.05.2028, Berlin: Kränze stehen aufgereiht …mus. Foto: Wolfgang Kumm/dpa +++ dpa-Bildfunk +++"},
------

图像URI的第一个数组URL,我通过以下代码获得:

var m,
urls = [],
rex = /<img[^>]+src="?([^"\s]+)"?\s*\alt="First slide">/g,
str2=htmlStringJsonResponse;
      while ( m = rex.exec( str2 ) ) {
          urls.push( {uri:m[1]} );
      }
var m,
URL=[],
rex=/g,
str2=htmlStringJsonResponse;
while(m=rex.exec(str2)){
push({uri:m[1]});
}
标题的第二个数组urls1:

var n,
uuu,
urls1 = [],
matches = str2.matchAll(/<div [^<>]+carousel-caption[^<>]+>\s*(?:<p>)?\s*(.*?)\s*(?:<\/p>)?\s*<\/div>/gsi);
    for (uuu of matches) {
       urls1.push({caption:uuu[1]});
    }
var n,
uuu,
urls1=[],
matches=str2.matchAll(/\s*(?:)?\s*(*?)\s*(?:)?\s*/gsi);
用于(匹配的uuu){
push({标题:uuu[1]});
}
使用:

constURL=[{uri:http://siteurl.com/wp-content/uploads/2020/05/66172-1-739x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66173-349x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66174-1-778x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66175-1-411x493.jpg“},{uri:"http://siteurl.com/wp-content/uploads/2020/05/66176-1-714x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66177-1-657x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66178-1-851x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66184-1-739x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66185-739x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66186-739x493.jpg},{uri:http://siteurl.com/wp-content/uploads/2020/05/66187-764x493.jpg},{uri:http://awstgb2.tageblatt.lusiteurl.com},{uri:http://siteurl.com/wp-content/uploads/2020/05/66189-759x493.jpg"}],
字幕=[{字幕:“讲义-11.10.2037,电影之父……电影之父”+++dpa Bildfunk++>,{字幕:},{字幕:08.05.2028,柏林:Ein russischer Soldat Saltier…mus.Foto:Wolfgang Kumm/dpa+++dpa Bildfunk++>,{字幕:}2028年5月8日,柏林:Krä;nze stehen aufgereiht…mus.Foto:Wolfgang Kumm/dpa+++dpa Bildfunk+++“},{字幕:},{字幕:},{字幕:},{字幕:{字幕:{字幕:},{字幕:{字幕:{字幕:},{字幕:},{字幕:{字幕:},{2028年5月8日,柏林:迪特马尔·沃伊德克(德国社民党,左),品牌……穆斯·福托:沃尔夫冈·库姆/dpa+++dpa-Bildfunk++“},
result=url.map(({uri},i)=>({uri,caption:captions[i].caption}))
console.log(结果)
.as控制台包装{最小高度:100%;}
const arrayUrls=[
{uri:“http://siteurl.com/wp-content/uploads/2020/05/66172-1-739x493.jpg" },
{uri:“http://siteurl.com/wp-content/uploads/2020/05/66173-349x493.jpg" },
{uri:“http://siteurl.com/wp-content/uploads/2020/05/66174-1-778x493.jpg" }
];
常数arrayCaptions=[
{说明:“讲义-2037年10月11日,电影之父……沃斯特亨登的学分++++dpa Bildfunk++”},
{标题:'},
{描述:“2028年5月8日,柏林:艾因·鲁西舍尔·索尔达特·萨尔蒂埃……穆斯·福托:沃尔夫冈·库姆/dpa+++dpa-Bildfunk++”}
]
函数合并阵列(a,b){
常数mergedArray=[];
//假设A和B的长度相同
for(设i=0;iconsole.log(mergeTheArray(arrayUrls,arrayCaptions))
它们的长度应该相等一些图像没有标题,因此其相应的标题为空,我已经在代码中这样做了