Javascriptを置き換える

| | | | | | | | | | | | | | |

replace()関数は、JavaScript文字列のテキストを置き換えるために使用されます。 replace()関数は、置換するサブ文字列とその代わりとなる新しい文字列の2つの引数を取ります。正規表現(p)を使用して、文字列内のテキストを置き換えることもできます。

文字列内のテキストを置き換えることは、どのプログラミング言語でも一般的な操作です。たとえば、プログラムが機能していることを確認するために、文字列からいくつかの記号を削除したい場合があります。

理由が何であれ、JavaScript文字列が役立つ場合があります。

このガイドでは、 replace() JavaScript文字列関数を見て、その方法を探ります。テキストの変更に使用されます。

JavaScriptReplace()構文

JavaScriptreplace()メソッドは、パターンまたは正規表現の文字列を検索します。文字列にそのようなパターンが見つかった場合は、指定された値に置き換えられます。 replace()は新しい文字列を返します。元の文字列は変更されません。

replace()メソッドは2つの引数を取ります。

  • replace();を検索するためのパターンまたは正規表現。および
  • 最初の引数で指定されたパターンのインスタンスを置き換える文字列。

次の構文を見てみましょう。

最初の引数「Pi」は、内容を置き換えたいパターンです。 2番目の引数「P」は、テンプレートを置き換えるテキストです。したがって、このコードは「Pi」を「P」に置き換えます。

コードはJavaScriptコンソール。文字列はJavaScriptで編集できないため、出力は新しい文字列です。それらは不変です。

replace()メソッドはチェーンの最後に追加されます。値を置き換える文字列を指定する必要はありません。検索するパターンと、そのパターンのインスタンスを置き換える必要のあるテキストのみが受け入れられる引数です。

replace()JavaScriptの例

たとえば、興味深い単語を置き換えたいとします by intriguing in a string。どうしますか?replace()メソッドを使用できます:

私たちのコードは次のような新しい文字列を返します:

最初の行で、 ourInterestingStringと呼ばれるJavaScript変数を宣言します。この変数には、値この文字列は興味深いが含まれています。次の行では、JavaScriptの string replace()メソッドを使用して、 Interestingという単語をinterestingに置き換えます。

チャネルで「興味深い」という単語が「興味をそそる」に変更されていることがわかります。

JavaScriptで複数のサブ文字列を置き換える

文字列の複数の部分を置き換える場合、 replace()関数を連結することでこれを行うことができます。連鎖とは、複数のreplace()ステートメントを次々に配置することを意味します。次に例を示します。

コードは次を返します。

私たちのコードは単語のすべての出現を置き換えます"この"、"文字列"、"興味深い「、「私たちの、"」、「コード、"」、「すごい!、、」という言葉を使って、それぞれ。 replace()関数を使用して、文字列内の3つの単語をさらに3つの単語に置き換えます。

Regexを使用したJavaScript文字列replace()

通常の式< /em>またはregex(p)は、検索パターンを定義します。文字列内の文字を検索または置換する場合は、正規表現を使用すると便利です。regexpオブジェクトを使用すると、をより細かく制御できます。 em> replace()関数を使用すると、より興味深い置換を行うことができます。

これは、regexを使用して文字およびを文字<に置き換える例です。 em> f :

コード出力は次のとおりです。

コードは最初に変数ourInterestingStringを宣言し、それに値この文字列は興味深いを割り当てます。次に、コードは文字列全体の各 eを文字fに置き換え、関数は新しい文字列を返します。

これを行うには、正規表現/および/g /を使用します。このパターンはすべてのを置き換えます。およびが文字列全体に表示されます(これは g の意味です)。

正規表現について詳しく知りたい場合は、 Regexr 。これにより、さまざまな表現を簡単に試すことができます。

概要

JavaScriptの置換関数()を使用すると、文字列の一部を別の文字列に置き換えて、新しく変更された文字列を返すことができます。正規表現()関数を使用すると、同じことですが、より詳細に制御できます。

このチュートリアルでは、 replace() JavaScript関数の使用方法と、read正規表現を使用してより多くのadvを実行する方法を説明しました。文字列の高度な置換関数。

JavaScriptプログラミング言語でコーディングする方法の詳細については、ガイドJavaScriptの学習方法をご覧ください。 。