Replace a string in array of objects in typescript

Question

I have got a list of array objects as shown below

[
 {
   "subjectID": 1
   "Chosen" : "{subjectsChosen:Python,java,Angular}"
   "password": "{studentpw:123456abcd}"
 },
 {
   "subjectID": 2
   "Chosen" : "{subjectsChosen:SQL,Rprogram,React}"
   "password": "{studentpw:987654zyxwv}"
 }
]

Here I would like to remove the special characters and its notations and expected to populate array as shown below using typescript

[
 {
   "subjectID": 1
   "Chosen" : "Python,java,Angular"
   "password": "23456abcd"
 },
 {
   "subjectID": 2
   "Chosen" : "SQL,Rprogram,React"
   "password": "987654zyxwv"
 }
]

Thank you in advance

Welcome, what have you tried? I'd recommend checking out the [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) function. — Phix, Jan 19 '22 at 18:27

Serge · Answer 1 · 2022-01-19T21:03:17.970

try this

for (let i = 0; i < subs.length; i++) {
  subs[i].Chosen = removeSymbols(subs[i].Chosen);
  subs[i].password = removeSymbols(subs[i].password);
}

function removeSymbols(s: string) {
  return s.replace(/[\{\}]/g, "").split(":")[1];
}

result

[
  {
    "subjectID": 1,
    "Chosen": "Python,java,Angular",
    "password": "123456abcd"
  },
  {
    "subjectID": 2,
    "Chosen": "SQL,Rprogram,React",
    "password": "987654zyxwv"
  }
]

score 0 · Answer 2 · answered Jan 19 '22 at 19:33

Welcome, is your object properties special characters limited to '{', ':', '}', if so, I propose to you the bellow solution, that I have tried and give a result as the one you have expected:

let objs = [
    {
        subjectID: 1,
        Chosen: "{subjectsChosen:Python,java,Angular}",
        password: "{studentpw:123456abcd}"
    },
    {
        subjectID: 2,
        Chosen: "{subjectsChosen:SQL,Rprogram,React}",
        password: "{studentpw:987654zyxwv}",
    }
];

objs.forEach((cur) => {
    Object.keys(cur).forEach(key => {
        if (typeof cur[key] === 'string') {
            cur[key]=cur[key].replace(/[\{\}]/g, '').split(':')[1];
        }
    })
});

console.log(objs);

You could use any array operator function other than forEach.

score 0 · Answer 3 · answered Jan 19 '22 at 19:36

We could use map operator of Array here to transform each item. To transform Chosen and password fields, we could use Regex and replace method of string.

const chosenRegex = new RegExp(/\{subjectsChosen:(.+)\}/, 'i')
const myText = "{subjectsChosen:Python,java,Angular}";

myText.replace(re, '$1'); // Python,java,Angular

Below is the full implementation that transform each item.

const items = [
 {
   "subjectID": 1,
   "Chosen" : "{subjectsChosen:Python,java,Angular}",
   "password": "{studentpw:123456abcd}"
 },
 {
   "subjectID": 2,
   "Chosen" : "{subjectsChosen:SQL,Rprogram,React}",
   "password": "{studentpw:987654zyxwv}"
 }
];

const chosenRegex = new RegExp(/\{subjectsChosen:(.+)\}/, 'i')
const passwordRegex = new RegExp(/\{studentpw:(.+)\}/, 'i')

const transformedItems = items.map(item => {
    return {
      ...item,
      "Chosen": item.Chosen.replace(chosenRegex, '$1'),
      "password": item.password.replace(passwordRegex, '$1')
    }
});

console.log(transformedItems);

We could also literally use a single regex if we don't want to differentiate them.

const transformRegex = new RegExp(/\{(.+):(.+)\}/, 'i');

....

return {
 ...item,
 "Chosen": item.Chosen.replace(transformRegex, '$2'), // Since there are two regex groups now, use $2
 "password": item.password.replace(transformRegex, '$2')
}

Replace a string in array of objects in typescript

3 Answers3