frontendmemo

このサイトは、「html、css、js、ruby,ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

【JS】電話番号の文字列からハイフンを追加・削除する

スポンサードリンク


スポンサードリンク


電話番号の文字列からハイフンを追加する

以下が、電話番号の文字列からハイフンを追加するデモです。


See the Pen
ExYPPdd
by funclur (@funclur)
on CodePen.

3と7で決め打ってるところが若干微妙でマジックナンバー化しそうですが、ほかに思いつかなかったのでそうしています。
もし他の桁数の番号でハイフンを入れたい場合は関数化し引数に桁数を付与すれば、汎用性のある機能になります。

電話番号の文字列からハイフンを削除する

削除の場合は簡単で1文字ずつハイフンと比較してハイフンでない場合に配列に入れていけばOKです。


See the Pen
gOYPPqr
by funclur (@funclur)
on CodePen.