JavaScript で文字列から部分文字列を削除する
Kirill Ibrahim
2023年1月30日
-
文字列から特定の部分文字列を削除する JavaScript の
replace()メソッド -
文字列から特定の部分文字列のすべての出現を削除する正規表現を使用した JavaScript
replace()メソッド -
JavaScript の
substr()メソッドで文字列から特定の部分文字列を抽出する
JavaScript には、文字列から部分文字列を削除するための 2つの一般的な方法があります。以下の各メソッドにはコード例があり、あなたのマシン上で実行することができます。
文字列から特定の部分文字列を削除する JavaScript の replace() メソッド
関数 replace() は JavaScript の組み込み関数です。これは与えられた文字列の一部を別の文字列や正規表現に置き換えます。これは与えられた文字列から新しい文字列を返し、元の文字列は変更されません。
replace() の構文
Ourstring.replace(Specificvalue, Newvalue)
Specificvalue は新しい値 - Newvalue に置き換えられます。
JavaScript replace() メソッドの例：
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a substring from string in JavaScript?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<p>Our string is DelftStac for Software</p>
<p>
Our New String is: <span class="output"></span>
</p>
<button onclick="removeText()">
Generate Text
</button>
<script type="text/javascript">
function removeText() {
ourWord = 'DelftStac for Software';
ourNewWord = ourWord.replace('DelftStack', '');
document.querySelector('.output').textContent
= ourNewWord;
}
</script>
</body>
</html>
文字列から特定の部分文字列のすべての出現を削除する正規表現を使用した JavaScript replace() メソッド
グローバルプロパティと一緒に Specificvalue の代わりに正規表現が使用されます。
例：
<!DOCTYPE html>
<html>
<head>
<title>
How to remove to remove all occurrences of the specific substring from string in JavaScript?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<p>Our string is DelftStackforDelftStack</p>
<p>
Our New String is: <span class="output"></span>
</p>
<button onclick="removeText()">
Generate Text
</button>
<script type="text/javascript">
function removeText() {
ourWord = 'DelftStackforDelftStack';
ourNewWord = ourWord.replace(/DelftStack/g, '');
document.querySelector('.output').textContent
= ourNewWord;
}
</script>
</body>
</html>
JavaScript の substr() メソッドで文字列から特定の部分文字列を抽出する
関数 substr() は、与えられた文字列から部分文字列を抽出したり、文字列の一部を返したりするための JavaScript の組み込み関数です。この関数は指定されたインデックスから始まり、指定された文字数まで拡張します。
substr() 構文：
string.substr(startIndex, length)
startIndex が必要です。length はオプションであり、その Startindex から選択される文字列の長さを指定します。
例：
<!DOCTYPE html>
<html>
<head>
<title>
How to remove a substring from string in JavaScript?
</title>
</head>
<body>
<h1>
DelftStack
</h1>
<p>Our string is DelftStackforDelftStack</p>
<p>
Our New String is: <span class="output"></span>
</p>
<button onclick="removeText()">
Generate Text
</button>
<script type="text/javascript">
function removeText() {
ourWord = 'DelftStackforDelftStack';
ourNewWord = ourWord.substr(10,13);
document.querySelector('.output').textContent
= ourNewWord;
}
</script>
</body>
</html>