js正則匹配markdown里的圖片標(biāo)簽的實(shí)現(xiàn)

其實(shí)前端后端需要將markdown文本轉(zhuǎn)換為html文本都有相應(yīng)的庫，幾句代碼就ok，但有時(shí)我們又必須獲取到markdown里的某個(gè)標(biāo)簽來進(jìn)行相應(yīng)的轉(zhuǎn)換，有幾種辦法，可以從已經(jīng)轉(zhuǎn)換好的html文本里獲取，還有的就是直接從markdown文本里獲取，這里說的是第二種。

1. 一個(gè)markdown里只有一個(gè)圖片的情況

const str = "asddsad![標(biāo)題](url)asdasddasd"; //一段markdown文本，包含一個(gè)圖片"![標(biāo)題](url)"
let result = str.match(/!\[(.*?)\]\((.*?)\)/); //直接查找
console.log(result); 

運(yùn)行結(jié)果

2. 一個(gè)markdown里有多個(gè)圖片的情況

const str = "asghfj![標(biāo)題1](url1)gfhasfr![標(biāo)題2](url2)sadas";
const pattern = /!\[(.*?)\]\((.*?)\)/mg;
let matcher;

while ((matcher = pattern.exec(str)) !== null) {
  console.log(matcher);
}

運(yùn)行結(jié)果

每個(gè)結(jié)果都有相應(yīng)的原文以及原文所在位置，如果要做替換直接就可以替換了，參照如下方法

//最簡單的替換
"123".replace('1','a'); //把1替換為a

到此這篇關(guān)于js正則匹配markdown里的圖片標(biāo)簽的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)js正則匹配markdown圖片標(biāo)簽內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！