Alphanumeric string format to specific pattern in Angular

Question

How can I achieve the following in typescript angular?

var specimenNumber = '19S20010';

// format to specific pattern 
format(specimenNumber, "***-****-*");

// expected output : 19S-2001-0

Does this answer your question? [Phone mask with jQuery and Masked Input Plugin](https://stackoverflow.com/questions/11633726/phone-mask-with-jquery-and-masked-input-plugin) — Peter Hassaballah, Mar 08 '22 at 15:17

score 0 · Answer 1 · edited Sep 29 '21 at 06:46

0

I found this in taiga-ui library

Typescript code

demo

edited Sep 29 '21 at 06:46

Dharman

30,962
25
85
135

answered Sep 29 '21 at 06:41

helloworld

151
1
6

score 0 · Answer 2 · answered Sep 29 '21 at 06:45

0

With the help of this you can use any pattern with no regex used:

var specimenNumber = '19S20010';

// format to specific pattern 
console.log(format(specimenNumber, "***-****-*"));

function format(number, mask) {
   var s = ''+number, r = '';
   for (var im=0, is = 0; im<mask.length && is<s.length; im++) {
     r += mask.charAt(im)=='*' ? s.charAt(is++) : mask.charAt(im);
   }
   return r;
}

answered Sep 29 '21 at 06:45

Harshit Rastogi

1,996
1
10
19

Simple and clean. much helpful. thanks! – Ravi Rajan Sep 29 '21 at 07:30
Glad it helped :) – Harshit Rastogi Sep 29 '21 at 07:37

Alphanumeric string format to specific pattern in Angular

2 Answers2