【JavaScript】面向對象之RegExg類型

Integ 發布于2019-08-26 12:18 / 1096人閱讀

摘要：類型概述正則表達式是什么由一些普通字符和特殊字符組成，描述一種特定字符規則表達式常用在一段文本中搜索，匹配或替換特定形式文本，詞語出現頻率統計，驗證字符串是否符合郵箱格式，屏蔽一幅帖子中限制性詞語等等創建正則表達式參數為模式，可以是任何簡單

JS(JavaScript)
RegExp類型；
1.概述；

正則表達式是什么

由一些普通字符和特殊字符組成，描述一種特定字符規則表達式
常用在一段文本中搜索，匹配或替換特定形式文本，詞語出現頻率統計，驗證字符串是否符合郵箱格式，屏蔽一幅帖子中限制性詞語等等

創建正則表達式

pattem參數為模式，可以是任何簡單或復雜正則表達式，包含字符類，限定符，分組，向前查找以及反響引用
attributes參數被稱為修飾符，用于表示正則表達式行為
2.符號；

字符類

直接量字符多帶帶放在中括號里組成字符類
一個字符類可以匹配它所包含任意字符

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);

重復

用來描述任意多個數字，或描述由三個字母構成字符串
以{n,m}匹配前面的字符至少n次或m次
以{n}匹配前面字符至少n次
以{m}匹配前面字符至少m次

var str = "qian123ying4chun";
var reg = /[0-9]{3,5}/;

/*{n,m}-表示字符中任意字符出現的次數
* n-表示至少出現n次(包含n次)
* m-表示至多出現m次(包含m次)
* 注意- 出現的次數必須是連續
*/
var result = reg.test(str);
console.log(result);


/[0-9a-zA-Z]{6,16}/
// 長度為6-16位的數字或字母

指定匹配位置

多個元素才能匹配字符串的一個字符
(^)匹配輸入開始，如多行表示被設置true,同時會匹配換行后的字符
($)匹配輸入開始，如多行表示被設置true，同時會匹配換行前的字符

var str = "12a45";
var reg = /^[0-9]{3，5}$/;
//
var result = reg.test(str);
console.log(result);

// 長度為6-16位的數字或字母
/^[0-9a-zA-Z]{6,16}$/

修飾符

該修飾符會放在“/”符號后面
i-不區分大小寫搜索
g-全局搜索
m-多行搜索

var str = "qianyingchun";
var reg = /^"[A-Z]{8,16}$/i;
var result = reg.test(str);
console.log(result);

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

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

面試官問：能否模擬實現JS的new操作符

摘要：接下來繼續看升級版例子例子軒轅軒轅軒轅是瀏覽器實現的查看原型方案。模擬實現知道了這些現象，我們就可以模擬實現操作符。前言用過Vuejs的同學都知道，需要用new操作符來實例化。 new Vue({ el: #app, mounted(){}, }); 那么面試官可能會問是否想過new到底做了什么，怎么模擬實現呢。附上之前寫文章寫過的一段話：已經有很多模擬實現new...

shenhualong 2019-08-23 12:48 評論0 收藏0
面試官問：能否模擬實現JS的bind方法

摘要：點擊那么面試官可能會問是否想過到底做了什么，怎么模擬實現呢。另外前不久寫過一篇文章面試官問能否模擬實現的操作符。所以相當于調用時，的返回值函數內部要模擬實現實現的操作。文章中的例子和測試代碼放在中模擬實現。前言用過React的同學都知道，經常會使用bind來綁定this。 import React, { Component } from react; class TodoItem ...

Julylovin 2019-08-26 13:25 評論0 收藏0
面試官問：JS的繼承

摘要：用過的讀者知道，經常用繼承。部分源碼使用點擊這里查看源碼面試官可以順著這個問繼承的相關問題，比如的繼承用如何實現。主要就是三點子類構造函數的指向父類構造器，繼承父類的靜態方法子類構造函數的的指向父類構造器的，繼承父類的方法。用過React的讀者知道，經常用extends繼承React.Component。 // 部分源碼 function Component(props, conte...

stonezhu 2019-08-23 15:20 評論0 收藏0
「中高級前端面試」JavaScript手寫代碼無敵秘籍

摘要：第一種直接調用避免在不必要的情況下使用，是一個危險的函數，他執行的代碼擁有著執行者的權利。來自于此外，實現需要考慮實例化后對原型鏈的影響。函數柯里化的主要作用和特點就是參數復用提前返回和延遲執行。手寫路徑導航實現一個new操作符實現一個JSON.stringify 實現一個JSON.parse 實現一個call或 apply 實現一個Function.bind 實現一個繼承實現一個J...

Zhuxy 2019-05-23 16:26 評論0 收藏0
面向對象的JavaScript之繼承(一) 類式繼承

摘要：那你們肯定會問為什么共用，而沒有共用呢，下面就給你解釋，請看引用類型是共用的值類型是私用的。引言面向對象的編程語言都具繼承這一機制,而 JavaScript 是基于原型(Prototype)面向對象程序設計,所以它的實現方式也是基于原型(Prototype)實現的. 繼承的方式類式繼承構造函數繼承組合繼承原型式繼承寄生式繼承寄生組合式繼承 1.類式繼承 //聲明父...

forsigner 2019-08-20 14:21 評論0 收藏0