【JavaScript】文字列の特定位置に特定文字を挿入する方法!

スポンサーリンク
IT
この記事は約2分で読めます。
スポンサーリンク
UNO
UNO

どうもこんにちは。widen uno(@widen_uno)です。

 

理解はしているけど、すぐには出てこない技術メモシリーズとして「JavaScriptで文字列の特定位置に特定文字を挿入する方法」をご紹介いたします。

スポンサーリンク

この記事を書いた人

UNO
ウェブサイト制作と投資を愛するブロガー
【経歴】
・東京在住
・外資系企業就職
・自粛期間に複業スタート
・2021年2月から本格的にブログ開始
・半年で月間2万PV達成
・1年で月間4.9万PV達成


前提のソース

’20210408’にスラッシュを入れて、日付(2021/04/08)のようにしたい!

var time = ’20210408’; //このソースを下記のように表示したい
var time_result = ’2021/04/08’;

解決策

簡単そうに見えて意外と大変なので、下記のソースをコピペでOK!

var time = ’20210408’;
strIns(str: string, idx: number, val: string) {
    var res = str.slice(0, idx) + val + str.slice(idx);
    return res;
 }
time = this.strIns(time, 4, '/');  //time = ’2021/0408’  
time = this.strIns(time, 7, '/');  //time = ’2021/04/08’

この拡張機能を使えばこんなことも楽々です。

var sample = ’こんにちは。 です。’;
strIns(str: string, idx: number, val: string) {
    var res = str.slice(0, idx) + val + str.slice(idx);
    return res;
 }
sample = this.strIns(sample, 7, 'widen uno '); 
//sample = ’こんにちは。 widen uno です。’

JavaScriptの文字列に関する技術メモは他にもあるのでぜひ参考にしてみてください。

Jestでfetchを簡単にモックする方法|Angular|TypeScript
Angular+IonicでPinch zoom(拡大縮小機能)を導入する方法
【JavaScript・TypeScript】数字(数値)の桁数を取得する方法【技術メモ】
【JavaScript・TypeScript】日付をYYYYMMDDの文字列を返す関数をご紹介!
【TypeScript】小数点以下 or 桁指定の切り上げ・切り捨て・四捨五入
タイトルとURLをコピーしました