JavaScript replaceメソッドを使って文字列から英数字以外を削除する
環境
Google Chrome 111.0.5563.147
Windows 10 Home 64bit
構文
文字列.replace(/[^0-9a-z]/gi,")
replaceメソッドを使って、文字列から英数字以外を削除します。
replace()は対象の変数は変更されません 返り値として処理後の文字列が返ります
使用例
<!DOCTYPE html>
<html>
<body>
<p class="cft">@^日本語arkgame,com#</p>
<button onclick="funA()">表示</button>
<script>
function funA() {
//出力先
const output = document.querySelector('.cft');
//対象文字列
let target= output.innerHTML;
//英数字以外を削除
target = target.replace(/[^0-9a-z]/gi,'');
//削除後の文字列を出力
output.innerHTML += `<br><br>`+"結果："+target;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p class="cft">@^日本語arkgame,com#</p>
<button onclick="funA()">表示</button>
<script>
function funA() {
//出力先
const output = document.querySelector('.cft');
//対象文字列
let target= output.innerHTML;
//英数字以外を削除
target = target.replace(/[^0-9a-z]/gi,'');
//削除後の文字列を出力
output.innerHTML += `<br><br>`+"結果："+target;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p class="cft">@^日本語arkgame,com#</p>
<button onclick="funA()">表示</button>
<script>
function funA() {
//出力先
const output = document.querySelector('.cft');
//対象文字列
let target= output.innerHTML;
//英数字以外を削除
target = target.replace(/[^0-9a-z]/gi,'');
//削除後の文字列を出力
output.innerHTML += `<br><br>`+"結果："+target;
}
</script>
</body>
</html>
実行結果
「表示」ボタンを押すと、「結果：arkgamecom」が表示されます。