JavaScript で文字列から文字を削除する
Kirill Ibrahim
2023年1月30日
-
JavaScript で正規表現を使って
replace()メソッドを使用する - JavaScript で指定されたインデックスの指定文字を削除する
- JavaScript で文字列の最初のインスタンスを削除する
JavaScript には、文字列から特定の文字を削除する方法があります。ここでは、JavaScript で文字列から特定の文字を削除する方法を紹介します。
JavaScript で正規表現を使って replace() メソッドを使用する
JavaScript で文字列中の指定した文字のインスタンスをすべて削除するには、replace() メソッドを正規表現と一緒に使用します。
JavaScript の replace() 正規表現の構文
replace(/regExp/g, '');
例：
<!DOCTYPE html>
<html>
<head>
<title>
How to remove all instances of the specified character in a string?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<b>
How to remove all instances of the specified character in a string?
</b>
<p>The original string is DelftStack</p>
<p>
New Output is:
<span id="outputWord"></span>
</p>
<button onclick="removeCharacterFromString()">
Remove Character
</button>
<script type="text/javascript">
const removeCharacterFromString = () => {
originalWord = 'DelftStack';
newWord = originalWord.replace(/t/g, '');
document.querySelector('#outputWord').textContent
= newWord;
}
</script>
</body>
</html>
出力：
The original string is DelftStack
New Output is: DelfSack
JavaScript で指定されたインデックスの指定文字を削除する
例えば、文字列 DelftStack から文字 t を削除するなど、文字列の中に複数のインスタンスがある場合に文字を削除する必要がある場合は、slice() メソッドを使用して、指定したインデックスの前後にある 2つの文字列を取得して連結することができます。
例：
<!DOCTYPE html>
<html>
<head>
<title>
How to remove Specified Character at a Given Index in a string?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<b>
How to remove Specified Character at a Given Index in a string?
</b>
<p>The original string is DelftStack</p>
<p>
New Output is:
<span id="outputWord"></span>
</p>
<button onclick="removeCharacterFromString(5)">
Remove Character
</button>
<script type="text/javascript">
const removeCharacterFromString = (position) => {
originalWord = 'DelftStack';
newWord = originalWord.slice(0, position - 1)
+ originalWord.slice(position, originalWord.length);
document.querySelector('#outputWord').textContent
= newWord;
}
</script>
</body>
</html>
JavaScript で文字列の最初のインスタンスを削除する
JavaScript で文字列から文字の最初のインスタンスのみを削除するには、正規表現を使わずに replace() メソッドを使用することができます。第一引数には削除する文字を、第二引数には空の文字列 '' を渡します。
例：
<!DOCTYPE html>
<html>
<head>
<title>
How to remove First Instance of Character in a string?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<b>
How to remove First Instance of Character in a string?
</b>
<p>The original string is DelftStack</p>
<p>
New Output is:
<span id="outputWord"></span>
</p>
<button onclick="removeCharacterFromString()">
Remove Character
</button>
<script type="text/javascript">
const removeCharacterFromString = () => {
originalWord = 'DelftStack';
newWord = originalWord.replace('t', '');
document.querySelector('#outputWord').textContent
= newWord;
}
</script>
</body>
</html>