Swap all occurrences of an array within a given string with a different array

Question

Swap all occurrences of an array within a given string with a different array

I'm currently developing a JavaScript applet that involves replacing array entries in a given string with elements from another array. Here is the code I have so far:

const str = "Lion, Unicorn, Unicorn";
const arr1 = ["Lion", "Unicorn"]; 
const arr2 = ["Fox", "Hound"];
const newStr = str.replaceAll(arr1[0], arr2[0]) //returns "Fox, Unicorn, Unicorn"

The output I want to achieve is: Fox, Hound, Hound. I am looking to create a function that repeats this process for each item in an array, but I'm unsure of how to proceed.

Thank you!

javascript arrays

Answer 1

Answer №1

Is this the solution you were thinking of? I hope I grasped the question correctly.

You could implement a recursive function like so:

let sentence = "Lion, Unicorn, Unicorn";
let wordsToReplace = ["Lion", "Unicorn"]; 
let replacementWords = ["Fox", "Hound"];

function replaceWords(str, toReplace, replacements) {
  let word = toReplace.shift(); // toReplace[0] - if array change is important
  let replacement = replacements.shift(); // replacements[0] - if array change is important
  if (!word || !replacement) return str;
  str = str.replaceAll(word, replacement );
  return replaceWords(str, toReplace, replacements); // return replaceWords(str, toReplace.slice(1), replacements.slice(1)) - if array change is important
}

console.log(
  replaceWords(sentence, wordsToReplace, replacementWords)
)

Answer 2

Is this the solution you were thinking of? I hope I grasped the question correctly.

You could implement a recursive function like so:

let sentence = "Lion, Unicorn, Unicorn";
let wordsToReplace = ["Lion", "Unicorn"]; 
let replacementWords = ["Fox", "Hound"];

function replaceWords(str, toReplace, replacements) {
  let word = toReplace.shift(); // toReplace[0] - if array change is important
  let replacement = replacements.shift(); // replacements[0] - if array change is important
  if (!word || !replacement) return str;
  str = str.replaceAll(word, replacement );
  return replaceWords(str, toReplace, replacements); // return replaceWords(str, toReplace.slice(1), replacements.slice(1)) - if array change is important
}

console.log(
  replaceWords(sentence, wordsToReplace, replacementWords)
)

Answer 3

Answer №2

It can be beneficial to start by converting the inputs into a more manageable format. In this particular scenario, viewing the input sentence as an array of words and combining the two replacement arrays into a single mapping object provides greater clarity...

let string = "Lion, Unicorn, Unicorn";
let array1 = ["Lion", "Unicorn"]; 
let array2 = ["Fox", "Hound"];

// manipulate the inputs
let input = string.split(", ");
let translator = array1.reduce((acc, key, i) => {
  acc[key] = array2[i];
  return acc;
}, {});

// now input is ['Lion', 'Unicorn', ...]
// and transator is { 'Lion' : 'Fox', ... }

// solving the issue is now simply a matter of using a couple of lines of code to map the input over the translator
let output = input.map(e => translator[e] || e)
console.log(output.join(", "))

Answer 4

It can be beneficial to start by converting the inputs into a more manageable format. In this particular scenario, viewing the input sentence as an array of words and combining the two replacement arrays into a single mapping object provides greater clarity...

let string = "Lion, Unicorn, Unicorn";
let array1 = ["Lion", "Unicorn"]; 
let array2 = ["Fox", "Hound"];

// manipulate the inputs
let input = string.split(", ");
let translator = array1.reduce((acc, key, i) => {
  acc[key] = array2[i];
  return acc;
}, {});

// now input is ['Lion', 'Unicorn', ...]
// and transator is { 'Lion' : 'Fox', ... }

// solving the issue is now simply a matter of using a couple of lines of code to map the input over the translator
let output = input.map(e => translator[e] || e)
console.log(output.join(", "))

Answer 5

Answer №3

To transform the string into an array of individual words, we utilize the split(', ') method and then use map() to swap them out by searching for a match with indexOf():

Please refer to the code comments. A concise one-liner solution can be found at the conclusion.

const sentence = "Lion, Unicorn, Unicorn";
const arr1 = ["Lion", "Unicorn"]; 
const arr2 = ["Fox", "Hound"];

// Separate based on ', '
let separated = sentence.split(', ');

// Map function
let outcome = separated.map(word => {

  // Locate position in arr1
  const index = arr1.indexOf(word);
  
  // Replacement if found
  if (index !== -1) {
  
      // Return substitute
      return arr2[index];
  } else {
      
      // Return original
      return word;
  }
});

// Form new string
outcome = outcome.join(', ');

// Display result
console.log(outcome);

// Alternatively, as a one-liner
let outcome2 = sentence.split(', ').map(word => (arr1.indexOf(word) !== -1) ? arr2[arr1.indexOf(word)] : word).join(', ');
console.log(outcome2);

Answer 6

To transform the string into an array of individual words, we utilize the split(', ') method and then use map() to swap them out by searching for a match with indexOf():

Please refer to the code comments. A concise one-liner solution can be found at the conclusion.

const sentence = "Lion, Unicorn, Unicorn";
const arr1 = ["Lion", "Unicorn"]; 
const arr2 = ["Fox", "Hound"];

// Separate based on ', '
let separated = sentence.split(', ');

// Map function
let outcome = separated.map(word => {

  // Locate position in arr1
  const index = arr1.indexOf(word);
  
  // Replacement if found
  if (index !== -1) {
  
      // Return substitute
      return arr2[index];
  } else {
      
      // Return original
      return word;
  }
});

// Form new string
outcome = outcome.join(', ');

// Display result
console.log(outcome);

// Alternatively, as a one-liner
let outcome2 = sentence.split(', ').map(word => (arr1.indexOf(word) !== -1) ? arr2[arr1.indexOf(word)] : word).join(', ');
console.log(outcome2);

Swap all occurrences of an array within a given string with a different array

Answer №1

Answer №2

Answer №3

Similar questions

Guide to Wrapping Inner or Wrapping All Elements Except for the Initial Div Class

Full-screen modal fade not functioning properly

What is the best way to iterate through a string array multiple times in C#?

The directly stored array supplied by the user is stored

What is the best way to dynamically adjust the select option?

Conceal the .dropdown-backdrop from bootstrap using solely CSS styling techniques

Revolutionary custom binding with Bootstrap popover integration

Using an outdated version of Node.js to set up a React App

What is the best way to utilize a component function within Vue to delete an item from an array stored in the parent's data?

Determining the size of an element in AngularJS without relying on a function

Transform numpy array using minimal scaling ratio

In TypeScript, how does "number" differ from "Number"?

Update the DIV using instructions sent from the server

Is there a way to achieve results similar to CakePHP's INNER JOIN using only PDO?

Issue obtaining information from Firestore and presenting it visually on the screen

Shutting down browser with WebdriverIO and launching a new one

Html.BeginForm does not offer onBegin or onComplete methods similar to Ajax.BeginForm

The code snippet `document.getElementById("<%= errorIcon.ClientID %>");` is returning a null value

Vanishing message when clicked in PHP

What is the best way to thoroughly uninstall Ionic and Cordova from an Ubuntu system?