Using a JSON array, you can perform JavaScript replacements in a string by utilizing regular expressions

Question

Using a JSON array, you can perform JavaScript replacements in a string by utilizing regular expressions

In order to replace all instances within {} with the corresponding data from a JSON array, I need to use a regex pattern that is case-sensitive.

The number of placeholders enclosed in {}s may vary depending on the page.

s ="<address><div>{Name}</div><div>{Address1}</div><div>{Address2}</div><div>{ZipCode} {City}</div><div>{State}</div><div>{Country}</div><div>{ContactName}</div></address>"

"DeliveryAddress":
        {
            "Id":5637169131,
            "Name":"some name",
            "Name2":null,
            "Address":"Somewhere street 12",
            "Address2":null,
            "City":"Heven",
            "ZipCode":"1111",
            "State":"FL",
                        "Country":"US",
            "VatNo":null,
            "ContactRecId":"Receiving Department",
            "ContactName":null,
            "ContactPhone":null,
            "ContactEmail":null,
            "DefaultShopDeliveryAddress":false,
            "DefaultServiceDeliveryAddress":false,
            "IsOneTime":false,
            "CaptureId":"00000000-0000-0000-0000-000000000000"
        },

Once completed, the matching elements in my JSON array should replace the corresponding {tag} placeholders.

For example:

<address><div>some name</div><div>Somewhere street 12</div><div></div><div>1111 Heaven</div><div>FL</div><div>US</div><div></div></address>

javascript regex json

Answer 1

Answer №1

If you need to populate an address template with specific information, you can utilize the following code snippet:

template ="<address><div>{Name}</div><div>{Address1}</div><div>{Address2}</div><div>{ZipCode} {City}</div><div>{State}</div><div>{Country}</div><div>{ContactName}</div></address>"
DeliveryAddress = {
            "Id":5637169131,
            "Name":"some name",
            "Name2":null,
            "Address1":"Somewhere street 12",
            "Address2":null,
            "City":"Heven",
            "ZipCode":"1111",
            "State":"FL",
            "Country":"US",
            "VatNo":null,
            "ContactRecId":"Receiving Department",
            "ContactName":null,
            "ContactPhone":null,
            "ContactEmail":null,
            "DefaultShopDeliveryAddress":false,
            "DefaultServiceDeliveryAddress":false,
            "IsOneTime":false,
            "CaptureId":"00000000-0000-0000-0000-000000000000"
        };

for (var key in DeliveryAddress) {
  var formattedKey = new RegExp('{' + key + '}', "i");
  template = template.replace(formattedKey, DeliveryAddress[key]);
}
console.log(template);

RESULT:

<address><div>some name</div><div>Somewhere street 12</div><div></div><div>1111 Heaven</div><div>FL</div><div>US</div><div></div></address>

Answer 2

If you need to populate an address template with specific information, you can utilize the following code snippet:

template ="<address><div>{Name}</div><div>{Address1}</div><div>{Address2}</div><div>{ZipCode} {City}</div><div>{State}</div><div>{Country}</div><div>{ContactName}</div></address>"
DeliveryAddress = {
            "Id":5637169131,
            "Name":"some name",
            "Name2":null,
            "Address1":"Somewhere street 12",
            "Address2":null,
            "City":"Heven",
            "ZipCode":"1111",
            "State":"FL",
            "Country":"US",
            "VatNo":null,
            "ContactRecId":"Receiving Department",
            "ContactName":null,
            "ContactPhone":null,
            "ContactEmail":null,
            "DefaultShopDeliveryAddress":false,
            "DefaultServiceDeliveryAddress":false,
            "IsOneTime":false,
            "CaptureId":"00000000-0000-0000-0000-000000000000"
        };

for (var key in DeliveryAddress) {
  var formattedKey = new RegExp('{' + key + '}', "i");
  template = template.replace(formattedKey, DeliveryAddress[key]);
}
console.log(template);

RESULT:

<address><div>some name</div><div>Somewhere street 12</div><div></div><div>1111 Heaven</div><div>FL</div><div>US</div><div></div></address>

Answer 3

Answer №2

Implement a function called s_fill that utilizes the String.replace method with global and multiline flags:

function s_fill(s, dict) {
    for (var key in dict) {
        var regex = new RegExp('{' + key + '}', 'gm');
        s = s.replace(regex, dict[key]);
    }
    return s;
}

Answer 4

Implement a function called s_fill that utilizes the String.replace method with global and multiline flags:

function s_fill(s, dict) {
    for (var key in dict) {
        var regex = new RegExp('{' + key + '}', 'gm');
        s = s.replace(regex, dict[key]);
    }
    return s;
}

Using a JSON array, you can perform JavaScript replacements in a string by utilizing regular expressions

Answer №1

Answer №2

Similar questions

In the process of making a request with axios in an express server

Shift attention to the subsequent division after a correct radio option or text input has been submitted

What is the best way to transform the format of an array output?

Having trouble getting the onPress event to function properly on a custom button component in my React Native application

From Transforming Tabular Parent-Child Data into Tree Structures

I'm having trouble receiving a response after uploading an image on Cloudinary using React js

The default selection for React Material Multiselect items is not being chosen

Difficulty in defining the header while using the submit hook in Remix 1.15

In PHP, upload a .dat file so that it can be saved as a JSON file

Mocking Prisma in a NodeJS environment: A comprehensive guide

Combining and removing identical values in JavaScript

Is it considered secure to encase a function within jQuery's removeClass()?

Where should I place my elements to ensure proper positioning in the Code Generator?

What is the reason for substituting a reference to an object with its actual value?

"Troubleshooting: State array in ReactJS/NextJS not rendering correctly following setState

Is JSONP necessary for accessing the API subdomain?

Identify duplicate values in an array by comparing pairs of elements

When an array is passed into a Vuex action function, it transforms into something other than just

Keep scrolling until Python elements are discovered

Retrieving JavaScript values using Selenium