JavaScript | 文字列から正規表現でHTMLタグを除去する方法

2021-01-28JavaScript,JavaScript 文字列

文字列からHTMLタグを除去する方法

JavaScriptを使ってHTMLを含む文字列から正規表現でHTMLタグを除去する方法のサンプルコードです。

正規表現を使ったHTMLタグ除去にreplace()関数を利用します。
replace()関数は元の変数にある値を書き換えず、返り値として結果を返します。

text.replace(/(<([^>]+)>)/gi, '');

textに代入したHTMLを含む文字列からHTMLタグのみを除去します。
※サンプルでは新しい変数を作成せずtextに上書きしています。

let text = `<p>こんにちわ</p>`;

text = text.replace(/(<([^>]+)>)/gi, '');

console.log(text);
//こんにちわ

HTMLタグの入れ子構造、複数行でも機能している事を確認します。

let text = `<div>
<p>こんにちわ</p>
<p>こんばんわ</p>
</div>`;

text = text.replace(/(<([^>]+)>)/gi, '');

console.log(text);
/*
こんにちわ
こんばんわ
*/

2021-01-28JavaScript,JavaScript 文字列

Posted by Yousuke.U