Heim  >  Artikel  >  Web-Frontend  >  Verwendung der JavaScript-Funktion zum Ersetzen von Zeichenfolgen

Verwendung der JavaScript-Funktion zum Ersetzen von Zeichenfolgen

巴扎黑
巴扎黑Original
2016-12-06 11:07:561482Durchsuche

replace 
语法 stringObj.replace(rgExp, replaceText) 
stringObj  必选项。要执行该替换的 String 对象或文字。该对象不会被 replace 方法修改。 
rgExp  必选项。描述要查找的内容的一个正则表达式对象。 
replaceText  必选项。是一个String 对象或文字,对于stringObj 中每个匹配 rgExp 中的位置都用该对象所包含的文字加以替换。 
例如: 

Js代码  

  

这样只能替换第一个“a”字母  

  

  

这样可以替换所有“a”字母。其中g为全局标志  



JavaScript--正则表达式 

  正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。 

正则表达式构造函数: new RegExp("pattern"[,"flags"]); 
参数说明: 
pattern -- 一个正则表达式文本 
flags -- 如果存在,将是以下值: 
g: 全局匹配 
i: 忽略大小写 
gi: 以上组合 

在构造函数中,一些特殊字符需要进行转意(在特殊字符前加"\")。正则表达式中的特殊字符: 
字符  含意  
\ 转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为 

匹配一个单词的边界。 
-或- 
对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/ 

将只匹配"a*"。  
^  匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"  
$  匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"  
*  匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa  
+  匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa  
?  匹配前面元字符0次或1次,/ba*/将匹配b,ba  
(x)  匹配x保存x在名为$1...$9的变量中  
x|y  匹配x或y  
{n}  精确匹配n次  
{n,}  匹配n次以上  
{n,m}  匹配n-m次  
[xyz]  字符集(character set),匹配这个集合中的任一一个字符(或元字符)  
[^xyz]  不匹配这个集合中的任何一个字符  
[\b]  匹配一个退格符 
\b  匹配一个单词的边界  
\B  匹配一个单词的非边界 
\cX  这儿,X是一个控制符,/\cM/匹配Ctrl-M  
\d  匹配一个字数字符,/\d/ = /[0-9]/  
\D  匹配一个非字数字符,/\D/ = /[^0-9]/  
\n  匹配一个换行符  
\r  匹配一个回车符  
\s  匹配一个空白字符,包括\n,\r,\f,\t,\v等  
\S  匹配一个非空白字符,等于/[^\n\f\r\t\v]/  
\t  匹配一个制表符  
\v  匹配一个重直制表符  
\w  匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98" 

中的5,等于[a-zA-Z0-9]  
\W  匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。 

说了这么多了,我们来看一些正则表达式的实际应用的例子: 
HTML代码的屏蔽 

Js代码  

function mask_HTMLCode(strInput) {   

var myReg = /<(\w+)>/;   

return strInput.replace(myReg, "<$1>");   

}

E-Mail-Adressüberprüfung:

function test_email(strEmail) {

var myReg = /^[_a-z0-9]+@([ _a-z0-9]+.)+[a-z0-9]{2,3}$/;

if(myReg.test(strEmail)) return true; false;

}

Eigenschaften und Methoden von regulären Ausdrucksobjekten:

Vordefinierte reguläre Ausdrücke haben die folgenden statischen Eigenschaften: input, multiline, lastMatch, lastParen, leftContext,

rightContext und 1 bis 9 $. Darunter können Eingabe und Mehrzeilen voreingestellt werden. Den Werten anderer Attribute werden nach Ausführung der Exec- oder Testmethode unterschiedliche Werte basierend auf

unterschiedlichen Bedingungen zugewiesen. Viele Eigenschaften haben sowohl lange als auch kurze Namen (im Perl-Stil), und beide Namen beziehen sich auf denselben Wert. (

JavaScript simuliert den regulären Ausdruck von Perl)

Attribute des regulären Ausdrucksobjekts:
Attributbedeutung
$1...$9 Wenn sie (sie) existieren, handelt es sich um eine Übereinstimmung Zum Teilstring
$_ siehe Eingabe
$* siehe Multiline
$& siehe lastMatch
$+ siehe lastParen
$` siehe leftContext
$''    Siehe rightContext
Konstruktor Erstellen Sie einen speziellen Funktionsprototyp eines Objekts
global Ob in der gesamten Zeichenfolge abgeglichen werden soll (Bool-Typ)
ignoreCase Ob beim Abgleich die Groß-/Kleinschreibung ignoriert werden soll (Bool-Typ)
input Die übereinstimmende Zeichenfolge
lastIndex Der letzte übereinstimmender Index
lastParen  Der letzte in Klammern eingeschlossene Teilstring
leftContext Der letzte übereinstimmende Teilstring links
multiline  Ob ein mehrzeiliger Abgleich durchgeführt werden soll (Bool-Typ)
prototype  Ermöglicht dem Objekt
zusätzliche Attribute rightContext  Die Teilzeichenfolge rechts von der letzten Übereinstimmung
Quelle   Muster für reguläre Ausdrücke
lastIndex  Der Index der letzten Übereinstimmung

Methoden von Objekten mit regulären Ausdrücken:
Methodenbedeutung
kompilieren Regulär Ausdrucksvergleich
exec Suche durchführen
test Match
toSource Gibt die Definition eines bestimmten Objekts zurück (literal

repräsentierend), dessen Wert zum Erstellen eines neuen Objekts verwendet werden kann. Wird durch Überladen der Object.toSource-Methode erhalten.
toString    Gibt die Zeichenfolge eines bestimmten Objekts zurück. Wird durch Überladen der Object.toString-Methode erhalten. ​
valueOf​​ Gibt den ursprünglichen Wert eines bestimmten Objekts zurück. Überladen Sie die Object.valueOf-Methode, um


zu erhalten. Beispiel:


Js-Code

gibt „Smith, John“ aus

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn