Is there a way to substitute one substring with another substring within the values of an array's objects using Javascript?

Question

Is there a way to substitute one substring with another substring within the values of an array's objects using Javascript?

var temp = [
  {
    text:'some text and then % sign and then, again % sign',
    link: 'another text with %',
  },
 ];

I need to modify the temp array of objects to replace all occurrences of % with \%. How can this be achieved?

Desired Output:

var temp = [
  {
    text:'some text and then \% sign and then, again \% sign',
    link: 'another text with \%',
  },
 ];

I have attempted two different methods, but neither one worked as expected:

First approach involves using a for loop:

for(let i = 0; i<temp.length; i++) {
    temp[i].text = temp[i].text.replace(/%/g, '\\%');
    temp[i].link = temp[i].link.replace(/%/g, '\\%');
}

Output: The result included double backslashes.

[
    {
        text: 'some text and then \\% sign and then, again \\% sign',
        link: 'another text with \\%'
    }
]

Second method involves using JSON.parse and JSON.stringify:

temp = JSON.parse(
    JSON.stringify(temp).replace(/%/g, '\\%')
);

Output: It returned a compilation error.

undefined:1
[{"text":"some text and then % sign and then, again % sign","link":"another text with %"}]^

SyntaxError: Unexpected token % in JSON at position 30at JSON.parse (<anonymous>)at Object.<anonymous> (/tmp/bRVTxjVcfu.js:62:15)at Module._compile (internal/modules/cjs/loader.js:778:30)at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)at Module.load (internal/modules/cjs/loader.js:653:32)at tryModuleLoad (internal/modules/cjs/loader.js:593:12)at Function.Module._load (internal/modules/cjs/loader.js:585:3)at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)at startup (internal/bootstrap/node.js:283:19)at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)

javascript arrays replace javascript-objects replaceall

Answer 1

Answer №1

You can simply cut and reconnect:

const parsedTemp = temp.map(tempItem => Object.entries(tempItem)
  .reduce((acc, [key, value]) =>
    ({...acc, [key]: value.split('%').join('\\%')}), {})
)

Note: I have not yet verified for any errors, but the logic seems to be correct.

UPDATE: I overlooked the necessity of escaping the backslash - It will display as '\\%' in your string, which is accurate.

Answer 2

You can simply cut and reconnect:

const parsedTemp = temp.map(tempItem => Object.entries(tempItem)
  .reduce((acc, [key, value]) =>
    ({...acc, [key]: value.split('%').join('\\%')}), {})
)

Note: I have not yet verified for any errors, but the logic seems to be correct.

UPDATE: I overlooked the necessity of escaping the backslash - It will display as '\\%' in your string, which is accurate.

Answer 3

Answer №2

let data = [{
  info: 'this is some example text with % sign and another % sign',
  reference: 'more text including % symbol'
}, ];

for (const item of data) {
  for (const property in item) {
    item[property] = item[property].replace(/%/g, String.raw`\%`)
  }
}

console.log(data)

Answer 4

let data = [{
  info: 'this is some example text with % sign and another % sign',
  reference: 'more text including % symbol'
}, ];

for (const item of data) {
  for (const property in item) {
    item[property] = item[property].replace(/%/g, String.raw`\%`)
  }
}

console.log(data)

Answer 5

Answer №3

To accomplish this task, you can iterate through the `temp` array using the `Array.forEach()` method and then utilize `Object.keys()` to replace a substring within the entire string by employing the `String.replaceAll()` function.

Check out the demonstration below:

var temp = [
  {
    text:'some text and then % sign and then, again % sign',
    link: 'another text with %'
  }
];

temp.forEach(obj => {
  Object.keys(obj).forEach(key => {
    obj[key] = obj[key].replaceAll('%', '\\%')
  })
});

console.log(temp);

Answer 6

To accomplish this task, you can iterate through the `temp` array using the `Array.forEach()` method and then utilize `Object.keys()` to replace a substring within the entire string by employing the `String.replaceAll()` function.

Check out the demonstration below:

var temp = [
  {
    text:'some text and then % sign and then, again % sign',
    link: 'another text with %'
  }
];

temp.forEach(obj => {
  Object.keys(obj).forEach(key => {
    obj[key] = obj[key].replaceAll('%', '\\%')
  })
});

console.log(temp);

Is there a way to substitute one substring with another substring within the values of an array's objects using Javascript?

Answer №1

Answer №2

Answer №3

Similar questions

Locating a specific item using its individual ID within Firebase

I encountered an issue where my MongoDB connection appeared to hang indefinitely, eventually leading to a disconnected error message

Count the number of times an iteration occurs in AngularJS/JavaScript

Determining the equation from a string and converting it to an integer

What is the process for configuring environment variables in a React application?

best method to pass byte array to ListBlockingQueue

Implementing Formik in React for automatic updates to a Material-UI TextField when blurred

What is the best way to divide text into key-value pairs using JavaScript?

Troubleshooting a glitch with passing a variable to a PHP script using AJAX

Array with multiple dimensions using commas as delimiters

Organically organize search outcomes within an object through a fs directory traversal

What could possibly prevent Jasmine Spyon from being named?

What is the best way to save an array of integers as bytes in a file using Ruby?

The Angular Material dialog fails to display content when triggered within an event listener in Google Maps

Neglecting to review the CSS - embracing ejs layouts in Express

Achieving the equivalent of php crypt() in NODE.JS

Is it possible to normalize and regulate a four-dimensional array using a three-dimensional mask?

Async/Await mishap

Load as soon as the browser is launched

Modify the background hue of the added tr element