Javascript continuously swaps out text from distinct strings in a loop

Question

Javascript continuously swaps out text from distinct strings in a loop

I wrote a loop to split a string and search for certain text to replace it with another string. Here is an example of what I have done:

function replaceStr(str, find, replace) {
  for (var i = 0; i < find.length; i++) {
    str = str.replace(new RegExp(find[i], 'gi'), replace[i]);
  }
  return str;
}

var str = 'some text contain car and some house contain car, or car contain someone';
var values = "cat,dog,chicken";

splt = values.split(',');

for (i = 0; i < splt.length; i++) {
  var find = ['car'];
  var replace = ['' + values[i] + ''];
  replaced = replaceStr(str, find, replace);
}
console.log(replaced);
//console.log(splt.length);

However, the result is returning zeros.

I am trying to locate all instances of "car" in the text and replace them with strings that were separated by commas. Can someone assist me with this issue, please?

javascript loops split str-replace

Answer 1

Answer №1

What's the objective of your replaceStr function? Perhaps this code snippet accomplishes it:

let str = 'some text contain car and some house contain car, or car contain someone';
let values = "cat,dog,chicken";

const splt = values.split(',');

for (let i = 0; i < splt.length; i++) {
   const find = 'car';
   str = str.replace(find, splt[i]);
}
console.log(str);

Answer 2

What's the objective of your replaceStr function? Perhaps this code snippet accomplishes it:

let str = 'some text contain car and some house contain car, or car contain someone';
let values = "cat,dog,chicken";

const splt = values.split(',');

for (let i = 0; i < splt.length; i++) {
   const find = 'car';
   str = str.replace(find, splt[i]);
}
console.log(str);

Answer 3

Answer №2

It seems like you're looking to dynamically replace the word "car" with different animals in a given text. Here's an example solution for achieving this:

const text = 'some text contain car and some house contain car, or car contain someone';
const animals = "cat,dog,chicken";
const animalArray = animals.split(',');
let replacedText = text;

for (let i = 0; i < animalArray.length; i++) {
  replacedText = replacedText.replace('car', animalArray[i]);  
}

console.log(replacedText);

Answer 4

It seems like you're looking to dynamically replace the word "car" with different animals in a given text. Here's an example solution for achieving this:

const text = 'some text contain car and some house contain car, or car contain someone';
const animals = "cat,dog,chicken";
const animalArray = animals.split(',');
let replacedText = text;

for (let i = 0; i < animalArray.length; i++) {
  replacedText = replacedText.replace('car', animalArray[i]);  
}

console.log(replacedText);

Javascript continuously swaps out text from distinct strings in a loop

Answer №1

Answer №2

Similar questions

Having trouble iterating through a grouped array in JavaScript?

How to extract and compare elements from an array using Typescript in Angular 6

The functionality of CSSTransition seems to be malfunctioning. Perhaps switching to V2 of react

Tips on positioning a button "above" the carousel-control-next icon

The functionality of AngularJS ng-click is disrupted by the presence of {{$index}}

When the input value is changed programmatically, the onchange event does not execute as expected

Error: foobar is not defined within this scope (anonymous function)

Angularjs does not seem to be rendering content placed within curly braces

Display the hover effect for the current card when the mouse is over it

Adding additional `select` dynamically causes the value to disappear from view

Manipulating objects with Jade Mixin

Is there a way to modify the appearance of a particular element in ng-repeat?

Changing the color of an Angular <div> element with scripting

Navigating Through Secondary Navigation with Ease

Solving the problem of Axis label alignment in Three.js grid and techniques for visualizing x, y, z data on

Import a JSON file into Parse by reading and parsing it to store in the database

Displaying Values/Marks in a Unique Order with Material-UI Slider Component

The 'length' cannot be searched using the 'in' operator

Issue with Angular 13 Bootstrap5 Navbar's functionality

How to efficiently retrieve a form's data from multiple forms with identical ids in JavaScript