Implementing various distinct string substitutions based on the specified character beginning and end positions

Question

Implementing various distinct string substitutions based on the specified character beginning and end positions

I have a string of text:

Google is a search engine created by Larry Page and Sergey Brin.

Within this string, there are certain named entities stored in a nested array. Here's what the array looks like:

[["Google","ORG",0,5],["search engine","PRODUCT",12,24],["Larry Page","PERSON",37,46],["Sergey Brin","PERSON",52,62]]

My objective is to replace each occurrence of a named entity with an html element. For example, replacing the word Google would result in:

`<div class="ner-tag">${named_entity[i][0]} <span class="ner-tag-type">${named_entity[i][1]}</span></div>`

The challenge lies in managing the character positions accurately while doing these replacements. Additionally, handling scenarios where similar entities such as Google and Google Docs exist requires more complex processing than a simple global replace operation.

Looking for any helpful insights or tips on how to approach this task effectively.

javascript

Answer 1

Answer №1

To achieve this task, one way is to arrange the array containing replacement information in descending order based on their respective indexes. Here's an illustration:

const str = 'Google is a search engine created by Larry Page and Sergey Brin.';
const replacements = [["Google","ORG",0,5],["search engine","PRODUCT",12,24],["Larry Page","PERSON",37,46],["Sergey Brin","PERSON",52,62]];

replacements.sort((a, b) => b[2] - a[2]);

const result = replacements.reduce((a, replacement) => {
  return a.substring(0, replacement[2]) + replacement[1] + a.substring(replacement[3] + 1)
}, str);


console.log(result);

Answer 2

To achieve this task, one way is to arrange the array containing replacement information in descending order based on their respective indexes. Here's an illustration:

const str = 'Google is a search engine created by Larry Page and Sergey Brin.';
const replacements = [["Google","ORG",0,5],["search engine","PRODUCT",12,24],["Larry Page","PERSON",37,46],["Sergey Brin","PERSON",52,62]];

replacements.sort((a, b) => b[2] - a[2]);

const result = replacements.reduce((a, replacement) => {
  return a.substring(0, replacement[2]) + replacement[1] + a.substring(replacement[3] + 1)
}, str);


console.log(result);

Implementing various distinct string substitutions based on the specified character beginning and end positions

Answer №1

Similar questions

Node.js and Express: Delivering Seamless Video Streaming via HTTP 206 Partial Content

What could be causing the discrepancy in results between the first and second methods?

The FindProxyForURL function in a pac (proxy-auto-config) file is not compatible with the IE browser

Transforming class components to utilize hooks (storing state within an if statement)

JavaScript and PHP/HTML template engine technology

"Challenges encountered when using map function to dynamically fill select dropdowns in React with Material UI

Is there a way to make an input field mandatory in Gravity Forms by utilizing javascript or jquery?

Can you please identify the TypeScript type associated with the return value of the match() method in String prototype?

Is there a way to retrieve the JavaScript Console response code using Python and Selenium's execute_script method?

Ensure that the HTML input only accepts numbers and email addresses

Utilize an iframe input field to initiate a Jquery event

Avoid typing the URL directly into the address bar to prevent redirection

Vue.js's @click feature can be enhanced with ternary operations

JavaScript object created by splitting a string

Including a cancel button to close the open window

A JavaScript alert function that triggers no matter the return value

Exploring the differences in performance between React hooks and React classes

"Showcasing MongoDB information on a webpage using Node.js and HTML

Having trouble with the Express.js app.post request functionality

Whenever I launch my React web application, I consistently encounter a white screen when attempting to access it on my phone