javascript 文字列内にあるバックスラッシュとスラッシュを削除する

作成日 2022.07.05
javascript
javascript

javascriptで、文字列内にあるバックスラッシュとスラッシュを削除するサンプルコードを記述してます。

1. 環境
2. 文字列内にあるバックスラッシュとスラッシュを削除
3. サンプルコード

環境

OS windows11 home
ブラウザ chrome 103.0.5060.66

Javascript サンプル集はこちら

文字列内にあるバックスラッシュとスラッシュを削除

文字列内にあるバックスラッシュとスラッシュを削除するには、「replace」を使用して両方削除します。

let str = "//me//b\\ee\\"

console.log( str.replace(/(\\|\/)/g,'') )

実行結果

サンプルコード

以下は、
ボタンをクリックすると、用意したテキストからバックスラッシュとスラッシュを削除して、その結果を表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。関数はアロー関数で記述してます。

アロー関数の使い方

document.getElementByIdの省略して記述する

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

<head>
  <meta charset="utf-8">
  <title>mebeeサンプル</title>
  <!-- MDB -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.css" rel="stylesheet" />
</head>

<body>

  <div class="container text-center w-50" style="margin-top:150px">

    <h2><span id="txt" class="badge badge-danger"></span></h2>
    <h2><span id="result" class="badge badge-info"></span></h2>

    <button onclick="hoge();" id="btn" type="button" class="btn btn-primary mt-1">
      表示
    </button>

  </div>

  <script>

    let str = "//me//b\\ee\\"

    txt.innerHTML = str

    const hoge = () => {

      //innerHTMLを使用して表示    
      result.innerHTML = str.replace(/(\\|\/)/g,'')

    }

  </script>
</body>

</html>

結果が表示されていることが確認できます。