JavaScript で文字列の最初の文字を削除する
Kirill Ibrahim
2023年1月30日
-
JavaScript
substring()文字列から最初の文字を削除するメソッド -
JavaScript
slice()文字列から最初の文字を削除する方法 -
文字列から最初の文字を削除する JavaScript
replace()メソッド
JavaScript には、文字列から最初の文字を削除する方法があります。JavaScript では文字列は不変なので、新しい文字列を作成するという考え方です。以下の各メソッドにはコード例がありますので、お使いのマシンで実行してみてください。
JavaScript substring() 文字列から最初の文字を削除するメソッド
関数 substring() は JavaScript の組み込み関数です。与えられた文字列の開始インデックスから終了インデックスまでの文字列を返します。
substring の構文
substring(startIndex, endIndex)
startIndex は必須であり、endIndex はオプションです。endIndex が指定されない場合、substring() は startIndex から文字列の末尾までのすべての文字を選択します。
例：
<!DOCTYPE html>
<html>
<head>
<title>
Remove the first character
</title>
</head>
<body>
<h2>
Click on button to display the
`DelftStack` without first character.
</h2>
<button onclick="removeFirstChar()">
Click Button
</button>
<p id="displayString"></p>
<script>
const removeFirstChar = () => {
let str1 = "DelftStack";
let str2 = str1.substr(1);
console.log(str2);
document.getElementById("displayString").innerHTML = str2;
}
</script>
</body>
</html>
パラメータに 1 を渡すと、この関数はインデックス 1 以降のすべての文字を返します。
JavaScript slice() 文字列から最初の文字を削除する方法
slice() メソッドは文字列の一部を抽出し、その部分を新しい文字列で返します。
slice() メソッドの構文
slice(startIndex, endIndex)
startIndex は必須であり、endIndex はオプションです。endIndex が指定されていない場合、slice() は startIndex から文字列の末尾までのすべての文字を選択します。
例：
<!DOCTYPE html>
<html>
<head>
<title>
Remove the first character
</title>
</head>
<body>
<h2>
Click on button to display the
`DelftStack` without first character.
</h2>
<button onclick="removeFirstChar()">
Click Button
</button>
<p id="displayString"></p>
<script>
const removeFirstChar = () => {
let str1 = "DelftStack";
let str2 = str1.slice(1);
console.log(str2);
document.getElementById("displayString").innerHTML = str2;
}
</script>
</body>
</html>
文字列から最初の文字を削除する JavaScript replace() メソッド
replace() メソッドは、文字列の一部を新しい置換文字列に置き換えるために使用されます。
replace メソッドの構文
replace(paramA, paramB)
paramA は与えられた文字列の一部から指定された文字列または正規表現で、paramB は新しい値に置き換えたいものです。両方とも必須です。
ここでは、/^./ は最初の文字を意味し、""は空文字列であるため、最初の文字を削除するために replace(/^./, "") を使用します。
例：
<!DOCTYPE html>
<html>
<head>
<title>
Remove the first character
</title>
</head>
<body>
<h2>
Click on button to display the
`DelftStack` without first character.
</h2>
<button onclick="removeFirstChar()">
Click Button
</button>
<p id="displayString">DelftStack</p>
<script>
const removeFirstChar = () => {
let str1 = document.getElementById("displayString").innerHTML;
let str2 = str1.replace(/^./, "");
document.getElementById("displayString").innerHTML = str2;
console.log(str2);
}
</script>
</body>
</html>