溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript對(duì)象語(yǔ)法有哪些

發(fā)布時(shí)間:2021-11-26 16:09:24 來(lái)源:億速云 閱讀:95 作者:iii 欄目:互聯(lián)網(wǎng)科技

這篇文章主要講解了“JavaScript對(duì)象語(yǔ)法有哪些”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“JavaScript對(duì)象語(yǔ)法有哪些”吧!

語(yǔ)法

文字和構(gòu)造符號(hào)是可能的:
/pattern/flags new RegExp(pattern [, flags])

參數(shù)

pattern
正則表達(dá)式的文本
flags
如果指定,標(biāo)志可以具有以下值的任意組合:

g
全局匹配
i
忽略大小寫(xiě)
m
多行;讓開(kāi)始和結(jié)束字符(^ 和 $)工作在多行模式工作(例如,^ 和 $ 可以匹配字符串中每一行的開(kāi)始和結(jié)束(行是由 \n 或 \r 分割的),而不只是整個(gè)輸入字符串的最開(kāi)始和最末尾處。
u
Unicode。把模式當(dāng)作Unicode代碼點(diǎn)(code points)的序列。
y
黏度; 在目標(biāo)字符串中,只從正則表達(dá)式的lastIndex屬性指定的顯示位置開(kāi)始匹配(并且不試圖從任何之后的索引匹配)。
描述
有兩種方法可以創(chuàng)建一個(gè)正則對(duì)象:字面量和構(gòu)造函數(shù)。要表示字符串,字面量形式不使用引號(hào),而傳遞給構(gòu)造函數(shù)的參數(shù)使用引號(hào)。下面表達(dá)式創(chuàng)建相同的正則表達(dá)式:

/ab+c/i;
new RegExp('ab+c', 'i');
new RegExp(/ab+c/, 'i');

當(dāng)表達(dá)式被賦值時(shí),字面量形式提供正則表達(dá)式的編譯(compilation)狀態(tài),當(dāng)正則表達(dá)式保持為常量時(shí)使用字面量。例如當(dāng)你在循環(huán)中使用字面量構(gòu)造一個(gè)正則表達(dá)式時(shí),正則表達(dá)式不會(huì)在每一次迭代中都被重新編譯(recompiled)。
而正則表達(dá)式對(duì)象的構(gòu)造函數(shù),如 new RegExp('ab+c') 提供了正則表達(dá)式運(yùn)行時(shí)編譯(runtime compilation)。如果你知道正則表達(dá)式模式將會(huì)改變,或者你事先不知道什么模式,而是從另一個(gè)來(lái)源獲取,如用戶輸入,這些情況都可以使用構(gòu)造函數(shù)。
從ECMAScript 6開(kāi)始,當(dāng)?shù)谝粋€(gè)參數(shù)為正則表達(dá)式而第二個(gè)標(biāo)志參數(shù)存在時(shí),new RegExp(/ab+c/, 'i')不再拋出TypeError (“當(dāng)從其他正則表達(dá)式進(jìn)行構(gòu)造時(shí)不支持標(biāo)志”)的異常,取而代之,將使用這些參數(shù)創(chuàng)建一個(gè)新的正則表達(dá)式。

當(dāng)使用構(gòu)造函數(shù)創(chuàng)造正則對(duì)象時(shí),需要常規(guī)的字符轉(zhuǎn)義規(guī)則(在前面加反斜杠 \)。比如,以下是等價(jià)的:

var re = new RegExp("\\w+");
var re = /\w+/;

以字面量定義正則表達(dá)式
var expression = /pattern/ flags;
pattern 部分可以是任何簡(jiǎn)單或復(fù)雜的正則表達(dá)示
flage 標(biāo)明正則表達(dá)式的行為 1.g:全局模式,不會(huì)在發(fā)現(xiàn)第一個(gè)匹配項(xiàng)后停止 2.i:不區(qū)分大小寫(xiě)模式 3.m:多行模式
例:

var pattern1 = /at/g; //匹配字符串中所有at
var pattern2 = /[bc]at/i; //匹配第一個(gè)“bat”或“cat”,不區(qū)分大小寫(xiě)
var pattern3 = /.at/gi; //全局匹配以.at“結(jié)尾”的三個(gè)字符。不區(qū)分小寫(xiě)

模式中使用的所有元字符都必須轉(zhuǎn)義。正則表達(dá)式中的元字符包括:([{\^$|?*+.}])
例:

var pattern4 = /\[bc\]at/i; //匹配第一個(gè)“[bc]at”,不區(qū)分大小寫(xiě)

使用RegExp構(gòu)造函數(shù),接受2個(gè)參數(shù),參數(shù)1:要匹配的字符串模式,參數(shù)2:可選的標(biāo)志行為
例:

var pattern5 = new RegExp("[bc]at", "i");

注:因?yàn)镽egExp構(gòu)造函數(shù)的模式參數(shù)都是字符串,所以在某些情況下要對(duì)字符串進(jìn)行雙重轉(zhuǎn)義。所有元字符必須雙重轉(zhuǎn)義

例:
字面量        等價(jià)字符串
/\[bc\]at/      "\\[bc\\]at"
/\.at/        "\\.at"
/name/\age/    "name\\/age"
/\d.\d{1,2}/    "\\d.\\d{1,2}"
/\w\\hello\\123/ "\\w\\\\hello\\\\123"

注:使用字面量和實(shí)例化創(chuàng)建正則表達(dá)式不一樣,字面量始終會(huì)共享同一個(gè)RegExp實(shí)例(ECMAScript3)。使用構(gòu)造函數(shù)創(chuàng)建的每一個(gè)新的RegExp實(shí)例都是一個(gè)新實(shí)例。

RegExp實(shí)例屬性

console.log(pattern5.global); //false 是否設(shè)置了g標(biāo)志
console.log(pattern5.ignoreCase); //true 是否設(shè)置了i標(biāo)志
console.log(pattern5.multiline); //false 是否設(shè)置了m標(biāo)志
console.log(pattern5.lastIndex); //0 開(kāi)始搜索下一個(gè)匹配項(xiàng)的起始位置
console.log(pattern5.source); //[bc]at 正則表達(dá)式的字符串表示

繼承屬性

console.log(pattern5.toString()); // /[bc]at/i 正則表達(dá)式的字面量表示
console.log(pattern5.toLocaleString()); // /[bc]at/i 正則表達(dá)式的字面量表示
console.log(pattern5.valueOf()); // /[bc]at/i 正則表達(dá)式的字面量表示

RegExp實(shí)例方法
方法一:exec(),接受一個(gè)參數(shù),既應(yīng)用模式字符串。返回返回包含第一個(gè)匹配項(xiàng)信息的數(shù)組,在沒(méi)有的情況下返回null,返回的數(shù)組實(shí)例包含兩個(gè)屬性index(匹配項(xiàng)在字符中的位置)和input(應(yīng)用正則的字符串)。

var text = "huang jin liang shi ge hao ren";
var pattern6 = new RegExp("huang( jin liAng( shi ge hao ren)?)?", "i");
var matches = pattern6.exec(text);
console.log(matches); 
//[ 'huang jin liang shi ge hao ren',
// ' jin liang shi ge hao ren',
// ' shi ge hao ren',
// index: 0,
// input: 'huang jin liang shi ge hao ren' ]

var text1 = "cat, bat, sat";
var pattern7 = new RegExp(".at")
var matches1 = pattern7.exec(text1);
console.log(matches1); //cat

var pattern8 = new RegExp(".at", "gm");
var matches2 = pattern8.exec(text1);
console.log(matches2); //cat
var matches3 = pattern8.exec(text1);
console.log(matches3); //bat
var matches4 = pattern8.exec(text1);
console.log(matches4); //sat
var matches5 = pattern8.exec(text1);
console.log(matches5); //null

方法二:test(),接受一個(gè)參數(shù),既應(yīng)用模式字符串。該模式與該參數(shù)匹配的情況下返回true,反之false

var text2 = "000-00-0000";
var pattern9 = new RegExp("\\d{3}-\\d{2}-\\d{4}");
console.log(pattern9.test(text2))
console.log(text2);
if (pattern9.test(text2)) {
console.log("匹配成功");
} else {
console.log("匹配失敗");
}

構(gòu)造函數(shù)屬性(某些瀏覽器不支持)
長(zhǎng)屬性名    短屬性名 說(shuō)明
input      $_    最近一次要匹配的字符串
lastMatch    $&    最近一次匹配項(xiàng)
lastParen    $+    最近一次捕獲組
leftContext    $`    input字符串中l(wèi)astMatch之前的文本
multiline    $*    布爾,是否是多行模式
rightContext $'    input字符串中l(wèi)astMatch之后的文本
        $1~$9 分別用于存儲(chǔ)第幾個(gè)捕獲組

在ECMAScript局限性
1.匹配字符串開(kāi)始和結(jié)束的\A和\Z錨
2.向后查找
3.并集和交集類
4.原子組
5.Unicode支持(單個(gè)字符除外)
6.命名捕獲組
7.s和x匹配模式
8.條件匹配
9.正則表達(dá)式注釋

剛發(fā)現(xiàn)一個(gè)js中匹配多行的方法

<script>
var s = "Please yes\nmake my day!";
alert(s.match(/yes.*day/));
// Returns null
alert(s.match(/yes[^]*day/));
// Returns 'yes\nmake my day'
</script>

可惜了,editplus不能用,很多時(shí)候還是使用dw比較方便。

感謝各位的閱讀,以上就是“JavaScript對(duì)象語(yǔ)法有哪些”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)JavaScript對(duì)象語(yǔ)法有哪些這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI