Heim > Web-Frontend > js-Tutorial > Ist bei Javascript replace() die Groß-/Kleinschreibung nicht beachtet?

Ist bei Javascript replace() die Groß-/Kleinschreibung nicht beachtet?

青灯夜游
Freigeben: 2021-11-04 15:44:33
Original
5789 Leute haben es durchsucht

In JavaScript kann die Funktion „replace()“ reguläre Ausdrücke verwenden, um Zeichenfolgen ohne Berücksichtigung der Groß- und Kleinschreibung zu ersetzen. Die Syntax lautet „string.replace(/value to be find/gi,“replacement value“); „steht für globale Ersetzung, „i“ steht für das Ignorieren der Groß-/Kleinschreibung.

Ist bei Javascript replace() die Groß-/Kleinschreibung nicht beachtet?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In JavaScript kann die Funktion replace() Zeichenfolgen ohne Berücksichtigung der Groß-/Kleinschreibung ersetzen, was die Hilfe regulärer Ausdrücke erfordert. Die Methode

replace() wird verwendet, um einige Zeichen durch andere Zeichen in einer Zeichenfolge zu ersetzen oder eine Teilzeichenfolge zu ersetzen, die einem regulären Ausdruck entspricht.

Syntax:

string.replace(searchvalue,newvalue)
Nach dem Login kopieren
ParameterBeschreibung
SuchwertErforderlich. Ein RegExp-Objekt, das die zu ersetzende Teilzeichenfolge oder das zu ersetzende Muster angibt.
Beachten Sie: Wenn es sich bei dem Wert um eine Zeichenfolge handelt, wird er als literales Textmuster abgerufen und nicht zuerst in ein RegExp-Objekt konvertiert.
neuer WertErforderlich. Ein Zeichenfolgenwert. Gibt Funktionen zum Ersetzen von Text oder zum Generieren von Ersatztext an.

Rückgabewert: eine neue Zeichenfolge, die durch Ersetzen der ersten Übereinstimmung oder aller Übereinstimmungen von Regexp durch Ersetzung erhalten wird. Der zweite Parameter der

replace()-Methode kann eine Funktion sein, die beim Abgleich aufgerufen wird. Der Rückgabewert der Funktion wird gleichzeitig als Ersatztext verwendet mit $, um die passenden textbezogenen Informationen zu zitieren.

Sonderzeichen der Methode „replace()“
Konventionszeichenfolge Beschreibung
$1, $2, ..., $99 und das 1.–99. Kind im regulären Ausdruck Der Text, der mit dem Ausdruck übereinstimmt
$& (Dollarzeichen + Bindestrich) Die Teilzeichenfolge, die mit dem regulären Ausdruck
$' (Dollarzeichen + Fertigkeitstaste umschalten) übereinstimmt, befindet sich in der passenden Teilzeichenfolge Zeichenfolge
$' (Dollarzeichen + einfaches Anführungszeichen) Der Text auf der rechten Seite der passenden Zeichenfolge
$$ bedeutet $-Zeichenfolge

示例1

将字符串中的字符 a(不区分大小写) 替换为 x

<p>
将字符串中的字符 a(不区分大小写) 替换为 x
</p>
<p id="demo"></p>

<script>
var sText = "abcdefaABC";
//g 代表全局替换  i 代表 忽略大小写
var txt = sText.replace( /a/gi , &#39;x&#39;);
document.getElementById("demo").innerHTML = txt;
</script>
Nach dem Login kopieren

输出结果:

Ist bei Javascript replace() die Groß-/Kleinschreibung nicht beachtet?

示例2

下面代码把字符串中每个单词转换为首字母大写形式显示。

var s = &#39;javascript is script , is not java.&#39;;  //定义字符串
//定义替换文本函数,参数为第一个子表达式匹配文本
var f = function ($1) {
    //把匹配文本的首字母转换为大写
    return $1.substring(0,1).toUpperCase() + $1.substring(1).toLowerCase();}
var a = s.replace(/(\b\w+\b)/g, f);  //匹配文本并进行替换
console.log(a);  //返回字符串“JavaScript Is Script , Is Not Java.”
Nach dem Login kopieren

在上面示例中替换函数的参数为特殊字符“$1”,它表示正则表达式 /(\b\w+\b)/ 中小括号匹配的文本,然后在函数结构内对这个匹配文本进行处理,截取其首字母并转换为大写形式,余下字符全为小写,然后返回新处理的字符串。replace() 方法是在原文本中使用这个返回的新字符串替换掉每次匹配的子字符串。

示例3

对于上面的示例还可以进一步延伸,使用小括号来获取更多匹配信息。例如,直接利用小括号传递单词的首字母,然后进行大小写转换处理,处理结果都是一样的。

var s = &#39;javascript is script , is not java.&#39;;  //定义字符串
var f = function ($1,$2,$3) {  //定义替换文本函数,请注意参数的变化
    return $2.toUpperCase() + $3;
}
var a = s.replace(/(\b\w+\b)/g, f);
console.log(a);
Nach dem Login kopieren

在函数 f() 中,第一个参数表示每次匹配的文本,第二个参数表示第一个小括号的子表达式所匹配的文本,即单词的首字母,第二个参数表示第二个小括号的子表达式所匹配的文本。

replace() 方法的第二个参数是一个函数,replace() 方法会给它传递多个实参,这些实参都包含一定的意思,具体说明如下:

  • 第一个参数表示与匹配模式相匹配的文本,如上面示例中每次匹配的单词字符串。

  • 其后的参数是与匹配模式中子表达式相匹配的字符串,参数个数不限,根据子表达式数而定。

  • 后面的参数是一个整数,表示匹配文本在字符串中的下标位置。

  • 最后一个参数表示字符串自身。

示例4

把上面示例中替换文本函数改为如下形式。

var f = function() {
    return arguments[1].toUpperCase() + arguments[2];
}
Nach dem Login kopieren

也就是说,如果不为函数传递形参,直接调用函数的 arguments 属性同样能够读取到正则表达式中相关匹配文本的信息。其中:

  • arguments[0]:表示每次匹配的文本,即单词。

  • arguments[1]:表示第一个子表达式匹配的文本,即单词的首个字母。

  • arguments[2]:表示第二个子表达式匹配的文本,即单词的余下字母。

  • arguments[3]:表示匹配文本的下标位置,如第一个匹配单词“javascript”的下标位置就是0,以此类推。

  • arguments[4]:表示要执行匹配的字符串,这里表示“javascript is script , is not java.”。

示例5

下面代码利用函数的 arguments 对象主动获取 replace() 方法的第一个参数中正则表达式所匹配的详细信息。

var s = &#39;javascript is script , is not java.&#39;;  //定义字符串
var f = function () {
    for (var i = 0; i < arguments.length; i++) {
        console.log("第" + (i + 1) + "个参数的值:"+ arguments[i]);
    }
    console.log("-----------------------------");
}
var a = s.replace(/(\b\w+\b)/g, f);
Nach dem Login kopieren

在函数结构体中,使用 for 循环结构遍历 arguments 属性时,发现每次匹配单词时,都会弹出 5 次提示信息,分别显示上面所列的匹配文本信息。其中,arguments[1]、arguments[2] 会根据每次匹配文本的不同,分别显示当前匹配文本中子表达式匹配的信息,arguments[3] 显示当前匹配单词的下标位置。而 arguments[0] 总是显示每次匹配的单词,arguments[4] 总是显示被操作的字符串。

【推荐学习:javascript高级教程

Das obige ist der detaillierte Inhalt vonIst bei Javascript replace() die Groß-/Kleinschreibung nicht beachtet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage