摘要:類型概述正則表達(dá)式是什么由一些普通字符和特殊字符組成,描述一種特定字符規(guī)則表達(dá)式常用在一段文本中搜索,匹配或替換特定形式文本,詞語出現(xiàn)頻率統(tǒng)計(jì),驗(yàn)證字符串是否符合郵箱格式,屏蔽一幅帖子中限制性詞語等等創(chuàng)建正則表達(dá)式參數(shù)為模式,可以是任何簡單
JS(JavaScript)
RegExp類型;
1.概述;
正則表達(dá)式是什么
由一些普通字符和特殊字符組成,描述一種特定字符規(guī)則表達(dá)式
常用在一段文本中搜索,匹配或替換特定形式文本,詞語出現(xiàn)頻率統(tǒng)計(jì),驗(yàn)證字符串是否符合郵箱格式,屏蔽一幅帖子中限制性詞語等等
創(chuàng)建正則表達(dá)式
pattem參數(shù)為模式,可以是任何簡單或復(fù)雜正則表達(dá)式,包含字符類,限定符,分組,向前查找以及反響引用
attributes參數(shù)被稱為修飾符,用于表示正則表達(dá)式行為
2.符號;
字符類
直接量字符多帶帶放在中括號里組成字符類
一個(gè)字符類可以匹配它所包含任意字符
var str = "qyc"; var reg = /[0123456789]/; var reg = /[d]/; var reg = /[0-9]/; var reg = /[a-zA-Z]/; var result = reg.test(str); console.log(result);
重復(fù)
用來描述任意多個(gè)數(shù)字,或描述由三個(gè)字母構(gòu)成字符串
以{n,m}匹配前面的字符至少n次或m次
以{n}匹配前面字符至少n次
以{m}匹配前面字符至少m次
var str = "qian123ying4chun"; var reg = /[0-9]{3,5}/; /*{n,m}-表示字符中任意字符出現(xiàn)的次數(shù) * n-表示至少出現(xiàn)n次(包含n次) * m-表示至多出現(xiàn)m次(包含m次) * 注意- 出現(xiàn)的次數(shù)必須是連續(xù) */ var result = reg.test(str); console.log(result); /[0-9a-zA-Z]{6,16}/ // 長度為6-16位的數(shù)字或字母
指定匹配位置
多個(gè)元素才能匹配字符串的一個(gè)字符
(^)匹配輸入開始,如多行表示被設(shè)置true,同時(shí)會(huì)匹配換行后的字符
($)匹配輸入開始,如多行表示被設(shè)置true,同時(shí)會(huì)匹配換行前的字符
var str = "12a45"; var reg = /^[0-9]{3,5}$/; // var result = reg.test(str); console.log(result); // 長度為6-16位的數(shù)字或字母 /^[0-9a-zA-Z]{6,16}$/
修飾符
該修飾符會(huì)放在“/”符號后面
i-不區(qū)分大小寫搜索
g-全局搜索
m-多行搜索
var str = "qianyingchun"; var reg = /^"[A-Z]{8,16}$/i; var result = reg.test(str); console.log(result);
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/108464.html
摘要:接下來繼續(xù)看升級版例子例子軒轅軒轅軒轅是瀏覽器實(shí)現(xiàn)的查看原型方案。模擬實(shí)現(xiàn)知道了這些現(xiàn)象,我們就可以模擬實(shí)現(xiàn)操作符。 前言 用過Vuejs的同學(xué)都知道,需要用new操作符來實(shí)例化。 new Vue({ el: #app, mounted(){}, }); 那么面試官可能會(huì)問是否想過new到底做了什么,怎么模擬實(shí)現(xiàn)呢。 附上之前寫文章寫過的一段話:已經(jīng)有很多模擬實(shí)現(xiàn)new...
摘要:點(diǎn)擊那么面試官可能會(huì)問是否想過到底做了什么,怎么模擬實(shí)現(xiàn)呢。另外前不久寫過一篇文章面試官問能否模擬實(shí)現(xiàn)的操作符。所以相當(dāng)于調(diào)用時(shí),的返回值函數(shù)內(nèi)部要模擬實(shí)現(xiàn)實(shí)現(xiàn)的操作。文章中的例子和測試代碼放在中模擬實(shí)現(xiàn)。 前言 用過React的同學(xué)都知道,經(jīng)常會(huì)使用bind來綁定this。 import React, { Component } from react; class TodoItem ...
摘要:用過的讀者知道,經(jīng)常用繼承。部分源碼使用點(diǎn)擊這里查看源碼面試官可以順著這個(gè)問繼承的相關(guān)問題,比如的繼承用如何實(shí)現(xiàn)。主要就是三點(diǎn)子類構(gòu)造函數(shù)的指向父類構(gòu)造器,繼承父類的靜態(tài)方法子類構(gòu)造函數(shù)的的指向父類構(gòu)造器的,繼承父類的方法。 用過React的讀者知道,經(jīng)常用extends繼承React.Component。 // 部分源碼 function Component(props, conte...
摘要:第一種直接調(diào)用避免在不必要的情況下使用,是一個(gè)危險(xiǎn)的函數(shù),他執(zhí)行的代碼擁有著執(zhí)行者的權(quán)利。來自于此外,實(shí)現(xiàn)需要考慮實(shí)例化后對原型鏈的影響。函數(shù)柯里化的主要作用和特點(diǎn)就是參數(shù)復(fù)用提前返回和延遲執(zhí)行。手寫路徑導(dǎo)航 實(shí)現(xiàn)一個(gè)new操作符 實(shí)現(xiàn)一個(gè)JSON.stringify 實(shí)現(xiàn)一個(gè)JSON.parse 實(shí)現(xiàn)一個(gè)call或 apply 實(shí)現(xiàn)一個(gè)Function.bind 實(shí)現(xiàn)一個(gè)繼承 實(shí)現(xiàn)一個(gè)J...
摘要:那你們肯定會(huì)問為什么共用,而沒有共用呢,下面就給你解釋,請看引用類型是共用的值類型是私用的。 引言 面向?qū)ο蟮木幊陶Z言都具繼承這一機(jī)制,而 JavaScript 是基于原型(Prototype)面向?qū)ο蟪绦蛟O(shè)計(jì),所以它的實(shí)現(xiàn)方式也是基于原型(Prototype)實(shí)現(xiàn)的. 繼承的方式 類式繼承 構(gòu)造函數(shù)繼承 組合繼承 原型式繼承 寄生式繼承 寄生組合式繼承 1.類式繼承 //聲明父...
閱讀 3874·2021-10-08 10:12
閱讀 4441·2021-09-02 15:40
閱讀 964·2021-09-01 11:09
閱讀 1616·2021-08-31 09:38
閱讀 2551·2019-08-30 13:54
閱讀 2259·2019-08-30 12:54
閱讀 1253·2019-08-30 11:18
閱讀 1411·2019-08-29 14:06