JavaScript初心者でも安心！文字列の一部を抽出する3つの方法

2024-04-02

JavaScriptとjQueryで特定の文字以降を削除する方法

JavaScriptとjQueryを使って、文字列内の特定の文字以降を削除する方法を紹介します。

方法

JavaScriptでは、以下の方法で特定の文字以降を削除できます。
- substring()メソッドは、文字列の一部を抽出するメソッドです。開始位置と終了位置を指定することで、特定範囲の文字列を取得できます。
```
// "abc,def,ghi"という文字列から","以降を削除
const str = "abc,def,ghi";
const result = str.substring(0, str.indexOf(","));
console.log(result); // "abc"
```

// "abc,def,ghi"というテキストを持つ要素から","以降を削除
$("p").text(function(index, text) {
  return text.replace(/,.*/, "");
});

注意事項

上記のコードは、あくまで一例です。実際のコードは、状況に合わせて変更する必要があります。
正規表現を使用する場合は、パターンを正しく記述する必要があります。

HTML

<input type="text" id="text">
<button type="button" id="button">削除</button>

JavaScript

const textInput = document.getElementById("text");
const button = document.getElementById("button");

button.addEventListener("click", () => {
  const text = textInput.value;
  const result = text.replace(/,.*/, "");
  textInput.value = result;
});