Find and replace part of a property value in an array of objects

Question

I need to search for a keyword over an array of objects and replace all instances of it.

For example, I have the following array:

const test = [
  {
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 0.75 Remove",
},
{
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 1 Remove",
},
]

I want to find and replace all {scoreType} with goals in the array above.

So far I have tried converting the array to a string, running a replace on it, and converting it back to an array. But when I console log the result, I still see {scoreType} and no errors.

console.log('result: ', JSON.parse(JSON.stringify(test).replace('{scoreType}', 'goals')));

Can anyone tell me what I've done wrong?

hsz · Accepted Answer · 2018-08-03 07:17:18Z

2

Just try with map:

const result = test.map(item => ({
  ...item,
  displayName: item.displayName.replace('{scoreType}', 'goals'),
}))

answered Aug 3, 2018 at 7:17

hsz

153k63 gold badges268 silver badges320 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Niladri Basu · Accepted Answer · 2018-08-03 07:18:38Z

1

You can use spread and Array#map to do something like this perhaps:

const test = [
  {
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 0.75 Remove",
},
{
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 1 Remove",
},
]

newTest = test.map(obj => ({...obj, displayName: obj.displayName.replace('{scoreType}', 'goals')}))
console.log(newTest);

answered Aug 3, 2018 at 7:18

Niladri Basu

10.7k7 gold badges59 silver badges65 bronze badges

Comments

31piy · Accepted Answer · 2018-08-03 07:18:48Z

1

Converting an object to string and then working on it is a very vague approach and may lead to undesired bugs.

You may loop over the array using Array#forEach, and replace the text of displayName by using a regular expression, generated out of the source string.

const test = [{
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 0.75 Remove",
  },
  {
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 1 Remove",
  },
];

const search = 'scoreType';
const replacement = 'goal';

test.forEach(item => {
  const regex = new RegExp(`\{${search}\}`, 'g')
  item.displayName = item.displayName.replace(regex, replacement);
});

console.log(test);

answered Aug 3, 2018 at 7:18

31piy

23.9k6 gold badges51 silver badges69 bronze badges

Comments

Amit Chauhan · Accepted Answer · 2018-08-03 07:17:02Z

0

Use map to iterate and replace displayName like this.

var updatedTest = test.map(obj => ({...obj, displayName: obj.displayName.replace('{scoreType}', 'goals')}));

answered Aug 3, 2018 at 7:17

Amit Chauhan

7,0192 gold badges26 silver badges39 bronze badges

Comments

CertainPerformance · Accepted Answer · 2018-08-03 07:18:09Z

0

To fix your original code, you would have to use a global regular expression replace:

const test = [
  {
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 0.75 Remove",
},
{
    marketType: 90,
    displayName: "FT Total Match {scoreType} Over / Under 1 Remove",
},
]

console.log('result: ', JSON.parse(JSON.stringify(test).replace(/{scoreType}/g, 'goals')));

answered Aug 3, 2018 at 7:18

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Collectives™ on Stack Overflow

Find and replace part of a property value in an array of objects

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related