前端正則表達式基礎

RdouTyping 發布于2019-08-23 11:59 / 1720人閱讀

摘要：目標解決兩個問題不認識，怎么辦不會寫，怎么辦實例化對象字面量構造函數正則基礎修飾符全局匹配會查找所有匹配，不會在查找到第一個匹配時就停止執行對大小寫不敏感的匹配執行多行匹配正則進階貪婪模式和非貪婪模式貪婪模式默認大非貪婪模式量詞后加大正則

目標：解決兩個問題

不認識，怎么辦？

不會寫，怎么辦？

/^(?!0+(?:.0+)?$)(?:[1-9]d*|0)(?:.d{1,2})?$/

實例化RegExp對象

字面量 ：var reg = /is/g;

構造函數：var reg = new RegExp("is","g");

正則基礎——修飾符

g ? ?全局匹配（會查找所有匹配，不會在查找到第一個匹配時就停止）
i ? ?執行對大小寫不敏感的匹配
m ? ?執行多行匹配

正則進階——貪婪模式和非貪婪模式

// 貪婪模式(默認):

"1234ab".replace(/d{3,4}/g,"大")

// 非貪婪模式: 量詞后加？

"1234ab".replace(/d{3,4}?/g,"大")

正則進階——分組

// 使用()達到分組效果

"xingxing".replace(/xing{2}/,"大’)

"xingxing".replace(/(xing){2}/,"大")

正則進階——或

// 使用 | 達到或的效果

Hai|xing

H(ai|xi)ng

正則進階——前瞻和后顧

// 前瞻： exp1(?=exp2) ? ? 查找exp2前面的exp1

    "window2003".replace(/window(?=d{4})/,"大")

// 負前瞻: ?exp1(?!exp2) ? ? 查找后面不是exp2的exp1

    "window200".replace(/window(?!d{4})/,"大")

// 后顧(js不支持): ?(?<=exp2)exp1 ? 查找exp2后面的exp1

    "2003window".replace(/(?<=d{4})window/g,"大")

// 負后顧(js不支持): ?(?
參考資料
可視化工具：https://jex.im/regulex
慕課網視頻教程：https://www.imooc.com/video/1...

GPU云服務器云服務器正則表達式基礎正則正則表達式正則匹配正則表達式 -正則表達式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97797.html

前端培訓-初級階段（13） - 正則表達式

摘要：前端培訓初級階段語法變量值類型運算符語句前端培訓初級階段內置對象函數前端培訓初級階段類模塊繼承基礎內容知識我們會用到。前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦（每周四）。該文為前端培訓-初級階段（1...

suemi 2019-08-26 13:43 評論0 收藏0
走近正則：仿Nodejs的Url模塊到前端

摘要：正則學起來說真的，不去正兒八經的學正則，對付一般的工作是沒啥問題的，雖然我們可能會經常用到，但畢竟度娘能提供大多時候你想要的可當我看一些框架的源碼，總會被里面一長串一長串的正則給嚇到之前一篇博客里有關于簡單的爬蟲實踐，其實離達到我預期的效果正則學起來說真的，不去正兒八經的學正則，對付一般的工作是沒啥問題的，雖然我們可能會經常用到replace，但畢竟度娘能提供大多時候你想要的；可當...

HitenDev 2019-08-20 10:33 評論0 收藏0
前端計劃——JavaScript正則表達式快速入門

摘要：前言正則表達式時處理字符串中常用的手法，本文以簡單的方式，快速展示了中正則相關的基礎知識點。文末還提供了幾個簡單的正則相關面試題。接下來是正則部分，注意后面的并不匹配，也就是比如，實際匹配的值是和，在和后面加上，就完成了預期。前言：正則表達式時處理字符串中常用的手法，本文以簡單的方式，快速展示了JavaScript中正則相關的基礎知識點。文末還提供了幾個簡單的正則相關面試題。個人總結...

Xufc 2019-08-20 17:15 評論0 收藏0
[前端工坊]正則表達式-從模糊到清晰

摘要：作者京東商城成都研究院研發部盧興元正則表達式從模糊到清晰什么是正則簡單點，正則是一些用來匹配和處理文本的字符串或者叫工具，往往用于查找特定的信息搜索，或者查找并編輯特定的信息替換。文章來自微信公眾號：前端工坊(fe_workshop)，不定期更新有趣、好玩的前端相關原創技術文章。如果喜歡，請關注公眾號：前端工坊版權歸公眾號所有，轉載請注明出處。作者：京東商城-成都研究院-JSHO...

FullStackDeveloper 2019-08-02 15:59 評論0 收藏0