Swap out each addition symbol with a blank space within a given text

Question

Swap out each addition symbol with a blank space within a given text

I'm currently working on a Typescript project where I need to convert URL parameters into a JSON object.

The issue I'm facing is that some values are concatenated with a '+'. How can I replace this symbol with a space?

Here's the URL I'm dealing with:

let paramUrl = 'type=MERCEDES+BENZ'

This is what my code looks like:

let replace = JSON.parse('{"' + paramUrl.replace(/&/g, '","').replace(/=/g,'":"') + '"}', function(key, value) { return key===""?value:decodeURIComponent(value) })

Currently, it returns:

{type: "MERCEDES+BENZ"}

However, I actually need it to return:

{type: "MERCEDES BENZ"}

json typescript replace

Answer 1

Answer №1

If you're not an expert in regular expressions, I would advise against using them for cases like this. Explicit character manipulation can make debugging and maintenance more challenging compared to utilizing available JavaScript APIs to convert your URL search params string into a simple object.

Here's a recommended approach, assuming that your JS runtime supports both the URLSearchParams constructor and the Object.fromEntries() method:

let paramUrl = 'type=MERCEDES+BENZ'
const replace = Object.fromEntries(new URLSearchParams(paramUrl));
console.log(replace) // { "type": "MERCEDES BENZ" }

This concise one-liner first transforms your paramUrl string into an object representing a list of key-value pairs, then converts these pairs into a plain object. You don't have to worry about maintaining or implementing URLSearchParams or Object.fromEntries(); just use or polyfill them (e.g., this polyfill for URLSearchParams).

If your search param string contains multiple values for the same key (e.g., foo=bar&foo=baz), only the last value will be retained. However, you can handle this by switching from Object.fromEntries() to a more customized iteration if necessary.

Playground link to code

Answer 2

If you're not an expert in regular expressions, I would advise against using them for cases like this. Explicit character manipulation can make debugging and maintenance more challenging compared to utilizing available JavaScript APIs to convert your URL search params string into a simple object.

Here's a recommended approach, assuming that your JS runtime supports both the URLSearchParams constructor and the Object.fromEntries() method:

let paramUrl = 'type=MERCEDES+BENZ'
const replace = Object.fromEntries(new URLSearchParams(paramUrl));
console.log(replace) // { "type": "MERCEDES BENZ" }

This concise one-liner first transforms your paramUrl string into an object representing a list of key-value pairs, then converts these pairs into a plain object. You don't have to worry about maintaining or implementing URLSearchParams or Object.fromEntries(); just use or polyfill them (e.g., this polyfill for URLSearchParams).

If your search param string contains multiple values for the same key (e.g., foo=bar&foo=baz), only the last value will be retained. However, you can handle this by switching from Object.fromEntries() to a more customized iteration if necessary.

Playground link to code

Answer 3

Answer №2

Consider transforming your output by following these steps:

const modify = {category: "MERCEDES+BENZ"}
const modifiedModify = JSON.parse(JSON.stringify(modify).replace('+', ' '))
console.log(modifiedModify)

Alternatively, you can directly manipulate the data like so:

let transform = {category: "MERCEDES+BENZ"}
transform.category=transform.category.replace('+',' ')
console.log(transform)

Answer 4

Consider transforming your output by following these steps:

const modify = {category: "MERCEDES+BENZ"}
const modifiedModify = JSON.parse(JSON.stringify(modify).replace('+', ' '))
console.log(modifiedModify)

Alternatively, you can directly manipulate the data like so:

let transform = {category: "MERCEDES+BENZ"}
transform.category=transform.category.replace('+',' ')
console.log(transform)

Answer 5

Answer №3

Give this a shot

let paramUrl = 'type=MERCEDES+BENZ';
let arr=paramUrl.replaceAll("+"," ").split("=");
let obj={[arr[0]]:arr[1]}; // {type: "MERCEDES BENZ"}

Alternatively, you can achieve the same in one line

let obj= paramUrl.replaceAll("+"," ").split("=")
.reduce( (key,value) => { return { [key] : value}; } ); // {type: "MERCEDES BENZ"}

Answer 6

Give this a shot

let paramUrl = 'type=MERCEDES+BENZ';
let arr=paramUrl.replaceAll("+"," ").split("=");
let obj={[arr[0]]:arr[1]}; // {type: "MERCEDES BENZ"}

Alternatively, you can achieve the same in one line

let obj= paramUrl.replaceAll("+"," ").split("=")
.reduce( (key,value) => { return { [key] : value}; } ); // {type: "MERCEDES BENZ"}

Swap out each addition symbol with a blank space within a given text

Answer №1

Answer №2

Answer №3

Similar questions

Navigating horizontally to find a particular element

Utilizing string literals as index signatures

The compiler is unable to locate the node_module (Error: "Module name not found")

Modify the interface type whilst maintaining the structure of nested objects

Encountering an error with TypeScript generic parameters: Expecting '?' but receiving an error message

Resolving issues with Typescript declarations for React Component

Exploring Improved Error Handling for Spring MVC REST Service and Client. Seeking more efficient solutions for managing errors

What is the best way to determine the type of a key within an array of objects

guide on displaying all json elements using javascript

What is the role of @Output and EventEmitter in Ionic development?

Integrate TypeScript into the current project

Animated drop-down menu in Angular 4

Extract particular attributes from a specified JSON document

Using Django URL regex to handle JSON data

To dismiss a popup on a map, simply click on any area outside the map

Utilizing Angular 2 to retrieve and assign object properties provided by a service to a local variable within a

How can you make an IonPopover dynamically appear from a button with the perfect positioning?

The web service consistently provides a combination of XML and JSON formats. Is there a way to convert it to solely

Guide to customizing CSS styles within a div element using TypeScript code in a Leaflet legend

"Troubleshooting JSON parsing issues with simple_form and AJAX integration in a Ruby on