當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
使用JavaScript正则表达式解析markdown里的图片标签
生活随笔
收集整理的這篇文章主要介紹了
使用JavaScript正则表达式解析markdown里的图片标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
需求：開發一個JavaScript函數，輸入為markdown格式語法的圖片標簽：
輸出是三個返回值：
- image31.png
- 31
- https://upload-images.jianshu.io/upload_images/2085791-416440df76a7343c.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240
下面是我寫的JavaScript函數和測試代碼：
<html> <script>var input = "";var IMAGE_PATTERN = /^!\[(.*)\]\((.*)\)$/; var IMAGE_INDEX = /^image(\d+).*$/; // var IMAGE_TAG = "[圖片]";function SortedImage(index, url){this.index = index;this.url = url; }function sortByIndex(v1,v2){if(v1.index < v2.index ){return -1;}else if(v1.index > v2.index ){return 1;}else return 0; }function run(input) {if (input.indexOf("https://upload-images.jianshu.io") < 0 ) {return;} var result = IMAGE_PATTERN.exec(input);if( result.length != 3){return;}var imageIndex = IMAGE_INDEX.exec(result[1]);console.assert(imageIndex.length === 2);return {"fileIndex": imageIndex[1],"fileName": result[1],"fileURL": result[2],}; }var result = run(input); debugger;</script> </html>執行代碼，能按照我期望的輸出：
要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的使用JavaScript正则表达式解析markdown里的图片标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 光荣特库摩狩猎游戏《狂野之心》于 PS5
- 下一篇： 华硕天选X台式机上架：13代酷睿&