Substitute terms with the usage of array map

Question

Substitute terms with the usage of array map

Here is an array for you

(2) ['beginning=beginner', 'leaves=leave']

as well as a string

its beginner in the sounds leave

that has been converted to an array using the following code

var words = text.split(' ');

My goal is to replace beginner with beginning and leave with leaves. Since there are only two elements for now, I plan to do it within a for loop. Can this be achieved using the map method?

this.words.map((words, i) => console.log(words));

Important: Only the first instance should be replaced.

If you have any solutions, I would greatly appreciate it. Thank you

javascript jquery typescript

Answer 1

Answer №1

Is this the correct solution to your query?

const arrayStrings = ["start=starters", "exit=exits", "noise=noises"];

let sentence = "start the noises exit";

arrayStrings.forEach((stringMap) => {
  const stringArray = stringMap.split("=");
  sentence = sentence.replace(stringArray[1], stringArray[0]);
});

console.log("sentence", sentence);
// "start the noises exits"

Answer 2

Is this the correct solution to your query?

const arrayStrings = ["start=starters", "exit=exits", "noise=noises"];

let sentence = "start the noises exit";

arrayStrings.forEach((stringMap) => {
  const stringArray = stringMap.split("=");
  sentence = sentence.replace(stringArray[1], stringArray[0]);
});

console.log("sentence", sentence);
// "start the noises exits"

Answer 3

Answer №2

You can achieve the same result without using a nested loop by making some compromises on space optimization.

One approach is to create a mapping object for replacement values and leverage array methods such as map(), forEach(), join(), along with string methods like split().

const wordPairs = ["beginning=beginner", "leaves=leave", "sound=sounds"];
let sentence = "its beginner in the sounds leave beginner";
const replaceObj = {};
const breaks = wordPairs.forEach(pair => {
  let elements = pair.split("=");
  replaceObj[elements[1]] = elements[0];
});

const result = sentence.split(' ').map((word) => {
  if (word in replaceObj) { 
    let value = replaceObj[word]; 
    delete value; 
    return value; 
  }
  return word;
}).join(' ');

console.log(result);

Answer 4

You can achieve the same result without using a nested loop by making some compromises on space optimization.

One approach is to create a mapping object for replacement values and leverage array methods such as map(), forEach(), join(), along with string methods like split().

const wordPairs = ["beginning=beginner", "leaves=leave", "sound=sounds"];
let sentence = "its beginner in the sounds leave beginner";
const replaceObj = {};
const breaks = wordPairs.forEach(pair => {
  let elements = pair.split("=");
  replaceObj[elements[1]] = elements[0];
});

const result = sentence.split(' ').map((word) => {
  if (word in replaceObj) { 
    let value = replaceObj[word]; 
    delete value; 
    return value; 
  }
  return word;
}).join(' ');

console.log(result);

Substitute terms with the usage of array map

Answer №1

Answer №2

Similar questions

using jquery to retrieve selected values from multiple dropdown lists

A guide on integrating MongoDB, Mongoose, Express JS, and Node JS for effectively adding prices

Accessing objects using string literals is restricted! I am encountering an issue while attempting to access the route parameter 'id' via a dynamic ID

Reverse row changes in Angular Ag-Grid with the click of a button

What is the reason for the continual influx of new users being added to the database?

How can I conceal child <div> elements when the parent div is resized?

populate 3 input fields using the dropdown menu with the help of AJAX

Collect the GET parameters as an array of strings when there is only one value

Angular2 form builder generating dynamic forms based on results of asynchronous calls

What is the CSS method for altering the color of a slider's runnable track upon selection?

Determine if an element is being hovered over using jQuery

One common issue is being unable to target input[type=file] when multiple forms are present on a page using JavaScript

Combining functions does not result in a callable function, even when the parameters fulfill the constraints of each individual function

The alarm feature is malfunctioning

Conditions are in an angular type provider with AOT

How can JavaScript be used to prevent pinch and zoom functionality on Google Maps?

Triggering a JQuery Toggle Button

Using Angular 2: Applying a specific class to a single element with [ngClass]

Display website when clicked

Utilizing TypeScript's conditional return type with an object as a parameter, and incorporating default values