使用javascript创建带有图像标记的数组

使用javascript创建带有图像标记的数组,javascript,reactjs,Javascript,Reactjs,我有一个api请求,它是字符串数据类型。它包含随机纯文本和img标记/所有组合在一起的标记。字符串可以有一个或多个img标记。我正在寻找从字符串的其余部分分割这些img标记并将其放入数组的最佳方法 "Random text <img src='img-one-src' alt='alt-one' /> some other random text <img src='img-two-src' src='alt-two' />" 创建一个元素并使您的字符串成为该元素的i

我有一个api请求,它是字符串数据类型。它包含随机纯文本和img标记/所有组合在一起的标记。字符串可以有一个或多个img标记。我正在寻找从字符串的其余部分分割这些img标记并将其放入数组的最佳方法

"Random text <img src='img-one-src'  alt='alt-one' /> some other random text <img src='img-two-src' src='alt-two' />"

创建一个元素并使您的字符串成为该元素的
innerHTML
。然后在该元素上使用
querySelectorAll('img')
,并使用数组排列
[…res]
将结果拖动到数组中。如果不需要数组中的HTML字符串元素,只需使用
map()

const str=“随机文本其他随机文本”;
const div=document.createElement('div');
div.innerHTML=str;
常量图像=[…div.queryselectoral('img')];
const imageStrings=images.map(x=>x.outerHTML);

日志(图像、图像字符串)创建一个元素,并使您的字符串成为该元素的
innerHTML
。然后在该元素上使用
querySelectorAll('img')
,并使用数组排列
[…res]
将结果拖动到数组中。如果不需要数组中的HTML字符串元素,只需使用
map()

const str=“随机文本其他随机文本”;
const div=document.createElement('div');
div.innerHTML=str;
常量图像=[…div.queryselectoral('img')];
const imageStrings=images.map(x=>x.outerHTML);

日志(图像、图像字符串)您可以使用正则表达式来执行此操作

let str=“Random text some other Random text”;
log(str.match(//g));

console.log(str.replace(//g,“”)您可以使用正则表达式来执行此操作

let str=“Random text some other Random text”;
log(str.match(//g));

console.log(str.replace(//g,“”)您是否尝试使用正则表达式捕获从“”开始的字符串?到目前为止您尝试了什么?您是否收到特定的错误消息?如果您需要有关如何提问的指导,请查看此帮助页面:您是否尝试使用正则表达式捕获从“”开始的字符串?到目前为止您尝试了什么?您是否收到特定的错误消息?如果您需要有关如何提问的指导,请查看此帮助页面:
var imgs = [{src: 'img-one-src', alt: 'alt-one'}, {src: 'img-two-src', alt: 'alt-two'}]