【JavaScript】文字列の先頭のカンマを削除する

こんにちは、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で文字列の先頭のカンマを削除する方法のご紹介でした!

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

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

Adobe Creative Cloudを通常価格で購入していませんか?

Adobe Creative Cloud(Adobe CC)はAdobe社が提供するクリエイター向けのサービスです。WEB制作の幅を広げる「Photoshop・Illustrator・XD」Youtuberや動画クリエイターの編集作業に欠かせない「Premiere Pro・After Effects」など全20以上のアプリが提供されており、幅広いプランが用意されています。

コンプリートプランはAdobe CCの全20以上のアプリが使用できるプランです。多くのアプリが使用できるため定価で購入すると年間7万円以上するプランですが、デジタルハリウッドのAdobeマスター講座では「基礎動画教材+Adobe CC コンプリートプラン(12ヵ月)」がセットになって39,980円(税込)で利用できます。定価より安価にAdobe Creative Cloudのライセンスを購入でき、以降のライセンス更新も可能。動画教材で基礎スキルを習得できるので、入門する方にも便利な講座です。詳しくは下記のリンクからチェックしてみてくださいね。

Adobeマスター講座はこちら

おすすめの書籍