JavaScriptで要素の先頭に付いた「+」記号を配列から一括削除する方法

JavaScriptで文字列の配列を扱っていると、各要素の先頭に不要な「+」記号が付いているケースに遭遇することがあります。たとえば、次のような配列を考えてみましょう。

var studentNames = [
  '+John Smith',
  '+David Miller',
  '+Carol Taylor',
  '+John Doe',
  '+Adam Smith'
];

この記事では、map() メソッドと replace() メソッドを組み合わせて、すべての要素から「+」記号を効率的に取り除く方法を解説します。

解決策：map() と replace() を組み合わせる

配列の各要素に対して置換処理を行うには、map() メソッドを使います。コールバック関数の中で replace('+', '') を呼び出すことで、各文字列から最初に出現する「+」を空文字に置き換えられます。

studentNames = [
  '+John Smith',
  '+David Miller',
  '+Carol Taylor',
  '+John Doe',
  '+Adam Smith'
];

console.log("元の配列=");
console.log(studentNames);

studentNames = studentNames.map(function (value) {
  return value.replace('+', '');
});

console.log("+記号を削除した後の結果=");
console.log(studentNames);

コードのポイント

• map()メソッド： 配列の各要素に関数を適用し、その結果から新しい配列を生成します。元の配列は変更されません（ただし、ここでは結果を同じ変数に再代入しています）。
• replace('+', '')： 文字列内の最初の「+」を空文字列に置き換えます。先頭以外の場所にある「+」も1つだけ削除される点に注意してください。

プログラムの実行方法

Node.js環境で上記のプログラムを実行するには、ターミナルまたはコマンドプロンプトで以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo205.js として保存したものとして説明します。

実行結果

上記のプログラムを実行すると、コンソールには次のような出力が表示されます。

PS C:\Users\Amit\javascript-code> node demo205.js
元の配列=
[
  '+John Smith',
  '+David Miller',
  '+Carol Taylor',
  '+John Doe',
  '+Adam Smith'
]
+記号を削除した後の結果=
[
  'John Smith',
  'David Miller',
  'Carol Taylor',
  'John Doe',
  'Adam Smith'
]

出力を見ると、すべての要素から「+」記号が正常に除去され、クリーンな名前のリストになっていることが確認できます。

補足：正規表現を使ったより堅牢な方法

もし文字列中のすべての「+」記号を削除したい場合は、正規表現を使うと便利です。

const cleaned = studentNames.map(name => name.replace(/\+/g, ''));

/\+/g の g フラグ（グローバル検索）を付けることで、文字列内のすべての「+」が対象になります。また、アロー関数を使えばコードをより簡潔に書くこともできます。