Tips for locating the index of a substring within a string with varying line endings using Typescript

Question

Tips for locating the index of a substring within a string with varying line endings using Typescript

I am faced with the task of comparing two strings together.

abc\r\ndef

c\nde

My goal is to determine the index of string 2 within string 1.

Using the indexOf() method is not an option due to different line endings, so I require an alternative solution that takes this into account.

It's important that I do not alter the original string as I need the substring index in reference to the original. Simply replacing all instances of \r\n with \n would disrupt the original indexes, necessitating a restoration process.

javascript typescript string substring line-endings

Answer 1

Answer №1

(For what it's worth, there's no need for TypeScript in this question. It's all about JavaScript.)

To achieve this, you can convert the target string into a regular expression by using the alternation \r\n|\r|\n wherever these sequences appear. Make sure to escape the parts in-between (refer to this question's answers for assistance). When you use the `exec` method of the resulting regex on the initial string, if it finds a match, the result (referred to as `match`) will contain the index at `match.index` and the matched text at `match[0]`.

Here is an example with TypeScript type annotations commented out:

// Adapted from https://stackoverflow.com/a/3561711/157247
function escapeRegex(string) {
    return string.replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&');
}

function test(str/*: string */, substr/*: string*/) {
    // Break down the text based on newline sequences,
    // escape the parts in-between,
    // then combine them with an alternation
    const rexText = substr
        .split(/\r\n|\n|\r/)
        .map((part) => escapeRegex(part))
        .join("\\r\\n|\\n|\\r");
    // Create the regex
    const re = new RegExp(rexText);
    // Execute it
    const match = re.exec(str);
    if (match) {
        console.log(`Found ${JSON.stringify(match[0])} at index ${match.index} in ${JSON.stringify(str)}`);
    } else {
        console.log(`Not found`);
    }
}


test("abc\r\ndef", "c\nde");

Answer 2

(For what it's worth, there's no need for TypeScript in this question. It's all about JavaScript.)

To achieve this, you can convert the target string into a regular expression by using the alternation \r\n|\r|\n wherever these sequences appear. Make sure to escape the parts in-between (refer to this question's answers for assistance). When you use the `exec` method of the resulting regex on the initial string, if it finds a match, the result (referred to as `match`) will contain the index at `match.index` and the matched text at `match[0]`.

Here is an example with TypeScript type annotations commented out:

// Adapted from https://stackoverflow.com/a/3561711/157247
function escapeRegex(string) {
    return string.replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&');
}

function test(str/*: string */, substr/*: string*/) {
    // Break down the text based on newline sequences,
    // escape the parts in-between,
    // then combine them with an alternation
    const rexText = substr
        .split(/\r\n|\n|\r/)
        .map((part) => escapeRegex(part))
        .join("\\r\\n|\\n|\\r");
    // Create the regex
    const re = new RegExp(rexText);
    // Execute it
    const match = re.exec(str);
    if (match) {
        console.log(`Found ${JSON.stringify(match[0])} at index ${match.index} in ${JSON.stringify(str)}`);
    } else {
        console.log(`Not found`);
    }
}


test("abc\r\ndef", "c\nde");

Tips for locating the index of a substring within a string with varying line endings using Typescript

Answer №1

Similar questions

I am encountering issues in Vue JS when using ternary expressions alongside v-if statements

Tips on storing the amount of time a user devotes to answering questions on my form into a database

Navigating URL to switch data access

What is the most effective way to delete a single value from a key with multiple values stored in local storage?

Vue.js component function "not instantiated within the object"

Submitting a form using an anchor tag in Angular 8: A step-by-step guide

Guide to adding a checkbox to a JavaScript list

Tips for enabling browser back and forward functionality in a one-page website design

Django and VueJS: Error 403 - Forbidden request due to missing or incorrect CSRF token

Icon displayed within the input field

Utilizing JavascriptExecutor in Selenium Webdriver to start playing a video

Unexpected behavior encountered when using TypeScript type declarations

Getting the JavaScript file name within another JavaScript file - a simple guide

How can we initiate the AJAX request right away while also making sure the page is fully loaded before adding

What is the best way to showcase an ajax response on an HTML webpage?

Homepage divided in two sections akin to the Tumblr landing page

Insert an ellipsis within the ngFor iteration

Setting the height of Material-UI TreeView

typescript add an html element to an existing html document

Filtering controls within a table are not displayed in VueJS