其實前端後端需要將markdown文字轉換為html文字都有相應的庫，幾句程式碼就ok，但有時我們又必須獲取到markdown裡的某個標籤來進行相應的轉換，有幾種辦法，可以從已經轉換好的html文本里獲取，還有的就是直接從markdown文本里獲取，這裡說的是第二種。

1. 一個markdown裡只有一個圖片的情況

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

執行結果

2. 一個markdown裡有多個圖片的情況

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

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

執行結果

每個結果都有相應的原文以及原文所在位置，如果要做替換直接就可以替換了，參照如下方法

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

到此這篇關於js正則匹配markdown裡的圖片標籤的實現的文章就介紹到這了,更多相關js正則匹配markdown圖片標籤內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！