こんにちは、Ryohei(@ityryohei)です!

本記事では、JavaScriptで文字列の先頭のカンマを削除する方法をご紹介しています。

JavaScriptで文字列の先頭のカンマを削除したいな。良い方法ないかな?

上記の疑問にお答えします。

では、解説していきます。

replace()で文字列の先頭のカンマを削除する

Stringオブジェクトのreplace()で先頭のカンマを削除します。先頭のカンマの判定には正規表現を使用します。正規表現において先頭文字は^で指定することができますので、カンマを指定する場合は下記のようにします。

const str = ',abcdefghijklmn';

str.replace(/^,/, '');

replace()の実行結果をコンソールに出力すると下記のログが表示されます。

abcdefghijklmn

先頭のカンマが削除(空文字に置換)されて表示されます。これで文字列の先頭からカンマを削除することができます。

参考:String.prototype.replace()

slice()で文字列の先頭のカンマを削除する

Stringオブジェクトのslice()で先頭のカンマを削除します。slice()は引数に指定した範囲の文字列から新しい文字列を取り出すことができるメソッドです。先頭文字が,の場合に新しい文字列を作成します。

const str = ',abcdefghijklmn';


if(str.slice(0, 1) === ','){
    str.slice(1);
}

slide()の実行結果をコンソールに出力すると下記のログが表示されます。

abcdefghijklmn

先頭のカンマを除く新しい文字列が作成されます。これで文字列の先頭からカンマを削除することができます。

参考:String.prototype.slice()

split()で配列に分割して先頭のカンマを削除する

Stringオブジェクトのsplit()で文字列を配列に分割し、先頭がカンマであれば削除して文字列に戻します。文字列を最終的に配列として使用するのであればこちらの方法が適しているかもしれません。

const str = ',abcdefghijklmn';
const array = str.split('');

if(array[0] === ','){
    array.shift();
}

array.join();

join()の実行結果をコンソールに出力すると下記のログが表示されます。

abcdefghijklmn

先頭のカンマが削除され、文字列として出力されています。これで文字列の先頭からカンマを削除することができます。

参考:String.prototype.split()

最後に

先頭文字列を削除するのであれば、個人的には正規表現を使用したreplace()の置換が使いやすい印象です。もちろん削除する場合ですので、先頭の文字列を判定するだけであればslice()や本記事ではご紹介していないindexOf()startsWith()などを使用していただければと思います。

以上、JavaScriptで文字列の先頭のカンマを削除する方法のご紹介でした!

この記事を書いた人

Ryohei

Webエンジニア / ブロガー

福岡のWeb制作会社に務めるWebエンジニアです。エンジニア歴は10年程で、好きな言語はPHPとJavaScriptです。本サイトは私がインプットしたWebに関する知識を整理し、共有することを目的に2015年から運営しています。Webに関するご相談があれば気軽にお問い合わせください。

JavaScriptを基礎からしっかりと学びたい方へ

下記の参考書がおすすめです。私がJavaScript入門時に購入した書籍で、基礎から応用まで多様なサンプルを用いて解説されています。ページ数は多いですが、内容が伴っているのですらすら読めます。腰を据えて学びたい方に最良の一冊となっています。