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

UNO

どうもこんにちは。widen uno（@widen_uno）です。

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

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

前提のソース

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

var time = ’２０２1０４０８’; //このソースを下記のように表示したい
var time_result = ’２０２1/０４/０８’;

解決策

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

var time = ’２０２1０４０８’;

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 = ’２０２1/０４０８’  
time = this.strIns(time, 7, '/');  //time = ’２０２1/０４/０８’

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

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

2022.03.10

Angular+IonicでPinch zoom(拡大縮小機能)を導入する方法

2022.03.08

【JavaScript・TypeScript】数字(数値)の桁数を取得する方法【技術メモ】

2021.10.222021.10.23

【JavaScript・TypeScript】日付をYYYYMMDDの文字列を返す関数をご紹介！

2021.10.16

【TypeScript】小数点以下 or 桁指定の切り上げ・切り捨て・四捨五入

2021.09.07