JavaScript文字列削除解説

JavaScriptで文字列から文字を削除する方法

JavaScriptでは、replace()メソッドを使用して文字列から特定の文字や文字パターンを削除することができます。

基本的な使い方

let originalString = "Hello, world!";
let newString = originalString.replace("world", "");

console.log(newString); // Output: "Hello,"

• replace("world", ""):
  • "world": 削除したい文字や文字パターンです。
  • "": 削除した部分に置き換える文字列です。空文字の場合は削除のみが行われます。
• originalString: 削除する文字を含む元の文字列です。

正規表現の使用

より複雑なパターンをマッチさせるために、正規表現を使用することもできます。

let originalString = "Hello, world!";
let newString = originalString.replace(/o/g, "");

console.log(newString); // Output: "Hell, wrld!"

• /o/g:
  • /o/: oという文字にマッチする正規表現です。
  • g: グローバルフラグで、文字列全体を検索します。

複数の文字を一度に削除

複数の文字を一度に削除するには、正規表現で複数の文字を指定します。

let originalString = "Hello, world!";
let newString = originalString.replace(/[o,w]/g, "");

console.log(newString); // Output: "Hell, rld!"

削除した文字を返す

削除した文字を返すには、replace()メソッドの第2引数にコールバック関数を使用します。

let originalString = "Hello, world!";
let newString = originalString.replace(/o/g, function(match) {
  console.log("Removed: " + match);
  return "";
});

console.log(newString); // Output: "Hell, wrld!"

注意

• 正規表現を使用する場合は、適切なフラグを設定して期待通りの動作を実現してください。
• replace()メソッドは元の文字列を変更せず、新しい文字列を返します。

基本的な例

let originalString = "Hello, world!";
let newString = originalString.replace("world", "");

console.log(newString); // Output: "Hello,"

• 説明
  
  • originalStringに元の文字列を格納します。
  • replace("world", "")で、originalStringから"world"を削除し、空文字に置き換えます。
  • 削除された結果をnewStringに格納します。
  • console.log(newString)で、削除後の文字列を出力します。

正規表現を使用した例

let originalString = "Hello, world!";
let newString = originalString.replace(/o/g, "");

console.log(newString); // Output: "Hell, wrld!"

• 説明
  
  • /o/gは、文字列全体を検索し、すべての"o"にマッチする正規表現です。
  • replace(/o/g, "")で、originalStringからすべての"o"を削除します。

let originalString = "Hello, world!";
let newString = originalString.replace(/[o,w]/g, "");

console.log(newString); // Output: "Hell, rld!"

let originalString = "Hello, world!";
let newString = originalString.replace(/o/g, function(match) {
  console.log("Removed: " + match);
  return "";
});

console.log(newString); // Output: "Hell, wrld!"

• 説明
  
  • replace(/o/g, function(match) { ... })で、originalStringからすべての"o"を削除し、削除された文字をコールバック関数で処理します。
  • コールバック関数内で、削除された文字をconsole.logで出力し、空文字を返します。

split()とjoin()メソッドを使用する

let originalString = "Hello, world!";
let newString = originalString.split("o").join("");

console.log(newString); // Output: "Hell, wrld!"

• 説明
  
  • split("o")で、originalStringを"o"で分割し、配列を作成します。
  • join("")で、配列を空文字で結合し、新しい文字列を作成します。

filter()メソッドを使用する

let originalString = "Hello, world!";
let newString = originalString.split("").filter(char => char !== "o").join("");

console.log(newString); // Output: "Hell, wrld!"

• 説明
  
  • filter(char => char !== "o")で、配列から"o"以外の文字をフィルタリングします。

reduce()メソッドを使用する

let originalString = "Hello, world!";
let newString = originalString.split("").reduce((acc, char) => char !== "o" ? acc + char : acc, "");

console.log(newString); // Output: "Hell, wrld!"

• 説明
  
  • reduce()で、配列を逐次処理し、"o"以外の文字を累積します。

replace()メソッドの正規表現フラグを使用する

let originalString = "Hello, world!";
let newString = originalString.replace(/o/g, "");

console.log(newString); // Output: "Hell, wrld!"

• 説明