ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の match メソッドと replace メソッドについて (詳細なチュートリアル)

JavaScript の match メソッドと replace メソッドについて (詳細なチュートリアル)

亚连
亚连オリジナル
2018-06-22 17:52:591292ブラウズ

以下のエディターでは、JavaScript の文字列の一致と置換のメソッドを紹介します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。エディターをフォローして見てみましょう

1. Match メソッド

match() メソッドは、文字列内の指定された値を取得したり、1 つ以上の正規表現の一致を検索したりできます。

match() メソッドの戻り値は、一致結果を格納する配列です。

2. Replace メソッド

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

replace メソッドの戻り値は次のとおりです: 新しい文字列。

3. 説明

上記の 2 つのメソッドのパラメーターは、主に正規表現を使用するときにグローバル g を追加して、すべての文字列を一致または置換できるようにします。

サンプルコード:

<!DOCTYPE html>
<html lang="zh">

 <head>
  <meta charset="UTF-8" />
  <title>JavaScript中字符串的match与replace方法</title>
 </head>

 <body>
  <!--注意src路径要对-->
  <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
   var str = "1 plus 2 equal 3";
   //match方法返回值为数组
   var arr = str.match(/[0-9]/g)
   console.log(arr);

   var new_str = str.replace(/[0-9]/g, &#39;newstr&#39;);
   //replace方法返回值为新的字符串
   console.log(new_str)
  </script>
 </body>

</html>

コンソール出力は次のとおりです:

上記は私がまとめたもので、将来的に皆さんのお役に立てば幸いです。

関連記事:

vueを使用したログイン登録とトークン検証の実装方法

JavaScriptを使用したカスタムイベントメカニズムの実装方法

JavaScriptにおけるマップデータ構造の詳細な解釈

方法Javascript を使用して 2D を開発 週間ビュー カレンダー

以上がJavaScript の match メソッドと replace メソッドについて (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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