In JavaScript, find a value in an array and substitute it with the value from the

Question

In JavaScript, find a value in an array and substitute it with the value from the

One of my tasks involves manipulating a string variable in the following manner:

domNodes += '<a href="javascript: void(0);" data-role="node_jump" data-node="'+this.tagName.toLowerCase()+'">'+this.tagName + "</a>" + " &raquo; ";

In addition, I am working with an array that contains a 2D array. The first element is the string to be identified and the second element is the replacement string:

var replaceTags = [["i", "em"], ["b", "strong"]];

Essentially, I need to replace certain tags based on predetermined rules. For example, if this.tagName matches i, it should be replaced with em. This also applies to b and strong.

I have successfully accomplished this task in the past, but unfortunately, I cannot recall the exact method right now.

javascript arrays replace tagname

Answer 1

Answer №1

http://jsfiddle.net/Ab12Cd/

var swapElements = [["u", "ins"], ["s", "strike"]];
var elName = this.elementName;
for (var x = 0; x < swapElements.length; x++) {
    elName = elName.replace(new RegExp(swapElements[x][0], 'g'),swapElements[x][1]);
}

Answer 2

http://jsfiddle.net/Ab12Cd/

var swapElements = [["u", "ins"], ["s", "strike"]];
var elName = this.elementName;
for (var x = 0; x < swapElements.length; x++) {
    elName = elName.replace(new RegExp(swapElements[x][0], 'g'),swapElements[x][1]);
}

Answer 3

Answer №2

One way to achieve this is by defining a custom function:

function tagReplacer(tagName) {
    var tags = [["i", "em"], ["b", "strong"]];
    for(var i = 0; i < tags.length; i++) {
        if(tags[i][0] === tagName) return tags[i][1];
    }
    return tagName;
}

To use the function, you can do:

data-element="'+tagReplacer(this.tagName.toLowerCase())+'"

Answer 4

One way to achieve this is by defining a custom function:

function tagReplacer(tagName) {
    var tags = [["i", "em"], ["b", "strong"]];
    for(var i = 0; i < tags.length; i++) {
        if(tags[i][0] === tagName) return tags[i][1];
    }
    return tagName;
}

To use the function, you can do:

data-element="'+tagReplacer(this.tagName.toLowerCase())+'"

In JavaScript, find a value in an array and substitute it with the value from the

Answer №1

Answer №2

Similar questions

Difficulty with formatting decimal points in JavaScript

Unraveling the mysteries of an undefined entity

How to efficiently manage multiple INSERT, SELECT, and UPDATE operations in mysql2 using nodejs

Getting JSON data from an API using $.ajax

Material-UI web application experiencing crashes due to worn-out cards, resulting in element type being declared as invalid and raising an error

What is the process for invoking a page using a JavaScript function?

What are the steps to modify data within the root component?

"Ensuring Username Uniqueness in AngularJS and CakePHP3: A Step-by-Step

Embedding a string within an image source attribute in VueJS

Assign a value to a text input using React

Employing jQuery with dynamic content within this context

Tips for ensuring that an Ajax request successfully executes when a page loads

Ways to incorporate vector .svg images into a D3js tree diagram

Assigning numpy array values to an integer-indexed flat slice

Hide the address bar in a Google Maps iFrame

selecting arrays within arrays according to their date values

After creating a new Packery using AngularJS, the getElementById function may return null

An issue occurred while evaluating the Pre-request Script: Unable to access the 'get' property of an undefined object

Triggering the Bootstrap modal multiple times with each increment

Tips for choosing a unique item from a list of values during each iteration of a loop in Python