ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで定期的な置換を実装する方法

JavaScriptで定期的な置換を実装する方法

青灯夜游
青灯夜游オリジナル
2022-10-10 17:42:0011640ブラウズ

JavaScript で正規置換を実装する 2 つの方法: 1. replace() 関数を使用して、文字列内の正規表現に一致する部分文字列を置換します。構文 "String object.replace(/[\ r\n ]/g,'置換値')"; 2. replaceAll() 関数を使用して、文字列内の正規表現に一致するすべての部分文字列を置換します。構文は "String object.replaceAll(/[\r \n]/g) です。 ,'置換値')」。

JavaScriptで定期的な置換を実装する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript には、定期的な置換を実装するための 2 つの関数が用意されています。

  • replace() function

  • replaceAll() function

1. replace() 関数を使用して定期的な置換を実装します。

replacement() メソッドは文字列で使用されます。文字を他の文字で置き換えたり、正規表現に一致する部分文字列を置き換えたりします。

string.replace(searchvalue,newvalue)
必須。文字列値。テキストを置換する関数、または置換テキストを生成する関数を指定します。
パラメータ 説明
検索値 必須。置換する部分文字列またはパターンを指定する RegExp オブジェクト。
値が文字列の場合、最初に RegExp オブジェクトに変換されるのではなく、リテラル リテラル パターンとして取得されることに注意してください。
#新しい値
戻り値: 正規表現の最初の一致またはすべての一致を置換で置き換えることによって取得された新しい文字列。

例 1: 正規表現を使用して、すべての小文字の「青」を「赤」に置き換えます

var str="Mr Blue has a blue house and a blue car";
console.log(str); 
var n=str.replace(/blue/g,"red");
console.log(n);

JavaScriptで定期的な置換を実装する方法

例 2 : 正規表現を使用して、すべての改行文字を空の文字に置き換えます (つまり、改行文字を削除します)

let a = '\n换行个阿斯蒂芬\r换行个阿斯蒂芬ABCD';
console.log(a);
let b = a.replace(/[\r\n]/g,'');
console.log(b);

JavaScriptで定期的な置換を実装する方法

2. replaceAll を使用します。通常の置換を実装する () 関数

replaceAll() は、文字列内の一部の文字を他の文字に置き換えたり、正規表現に一致する部分文字列を置き換えたりするために使用されます。この関数はすべてを置き換えます。一致する部分文字列。

str.replaceAll(regexp|substr, newSubstr|function)

パラメータ説明値が文字列の場合、最初に RegExp オブジェクトに変換されるのではなく、リテラル リテラル パターンとして取得されることに注意してください。正規表現を使用する場合は、グローバル (「g」) フラグを設定する必要があります。 それ以外の場合は、TypeError:「replaceAll はグローバル RegExp で呼び出す必要があります」が発生します。 newSubstr|function戻り値: 正規表現のすべての一致を newSubstr に置き換えることによって取得された新しい文字列。
regexp|substr## #しなければならない。置換する部分文字列またはパターンを指定する RegExp オブジェクト。
必須。文字列値。テキストを置換する関数、または置換テキストを生成する関数を指定します。


例: 正規表現を使用して、すべての「青」を「赤」に置き換えます。

var str="Mr Blue has a blue house and a blue car";
console.log(str); 
var n=str.replaceAll(/blue/ig,"red");
console.log(n);

JavaScriptで定期的な置換を実装する方法[関連する推奨事項:

ウェブフロントエンド開発

]

以上がJavaScriptで定期的な置換を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。