How to replace value of array in javascript with another value of array?

Question

I'm trying to replace values from an array which are present in a string with another array. What is the best way to do this in Javascript? here is my code :

var string = "I've to but the Item1 along with Item2 and Item3. From the Item4."
var array1 = ['Item1', 'Item2', 'Item3', 'Item4']
var array2 = ['Product1', 'Product2', 'Product3', 'Product4']

and output should be like this

var replaced = "I've to but the Product1 along with Product2 and Product3. From the Product4."

every value in both arrays is completely different from each other.

what are the values of those variables, Item1 ... Item4 and Product1 ... Product4 — Jaromanda X
– Jaromanda X, Commented Oct 13, 2020 at 8:17

Derek Wang · Accepted Answer · 2020-10-13 08:18:31Z

1

You can replace the string using String.prototype.replaceAll

const input = "I've to but the Item1 along with Item2 and Item3. From the Item4.";
const original = ['Item1', 'Item2', 'Item3', 'Item4'];
const target = ['Product1', 'Product2', 'Product3', 'Product4'];

let result = input;
original.forEach((item, index) => {
  result = result.replaceAll(item, target[index]);
});

console.log(result);

answered Oct 13, 2020 at 8:18

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Aman Dutt Over a year ago

I'm getting an error that replaceAll is not a function

Derek Wang Over a year ago

On which browser are you chking?

54ka · Accepted Answer · 2020-10-13 08:35:09Z

1

I hope I have been helpful.

var array1 = ['Item1', 'Item2', 'Item3', 'Item4'];
var array2 = ['Product1', 'Product2', 'Product3', 'Product4'];
var string = "I've to but the Item1 along with Item2 and Item3. From the Item4.";

for (var i = 0; i < array1.length; i++) {
    var string = string.replace(array1[i], array2[i]);
}

console.log(string);

answered Oct 13, 2020 at 8:35

54ka

3,5972 gold badges11 silver badges28 bronze badges

Comments

Ashis · Accepted Answer · 2020-10-13 08:25:05Z

0

You can use template literal for e.g.

var array1 = [Item1, Item2, Item3, Item4];
var array2 = [Product1, Product2, Product3, Product4]
var string = `I've to but the ${array1[0]} along with ${array1[1]} and ${array1[2]}. From the 
${array1[3]}.`
var replaced = `I've to but the ${array2[0]} along with ${array2[1]} and ${array2[2]}. 
From the ${array2[3]}.`

answered Oct 13, 2020 at 8:25

Ashis

1381 silver badge8 bronze badges

1 Comment

Aman Dutt Over a year ago

actually, I'm taking that string as input from the user so can't use template literal

Collectives™ on Stack Overflow

How to replace value of array in javascript with another value of array?

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related