JavaScript: сопоставьте слово в тексте со словом в массиве и замените его

Мне нужно изменить этот текст:

var text = `this is an example text. 1coffee , 2 coffee , 1 apple, 2apple , ?banana ,carrot`;

используя эти 2 массива:

var arrOld = ["coffee", "apple", "banana" , "carrot"];
var arrnew = ["laptop", "keyboard", "mouse", "printer"];

чтобы получить такой результат:

`this is an example text. 1laptop , 2 laptop , 1 keyboard, 2keyboard , ?mouse ,printer`

Я пытался что-то вроде:

for (let i = 0; i < arrOld.length; i++) {
arrNew[i];
arrOld[i];
text.replace(arrOld[i],arrNew[i])
}

но это не сработало.

javascript

14.05.2022 14:21

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Из документов на .replace (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace):
«Метод replace() возвращает новую строку, в которой некоторые или все совпадения шаблона заменены заменой». Это означает, что text.replace() не манипулирует текстовой переменной. Чтобы это исправить, просто выполните в своем цикле следующее:
text = text.replace()
Это перехватит измененный текст в текстовую переменную. Без этого вы вносите изменения, но не используете их (вы их забываете).

14.05.2022 14:28

Вы можете использовать String.prototype.replaceAll():

var text = "this is an example text. 1coffee , 2 coffee , 1 apple, 2apple , ?banana ,carrot";
var arrOld = ["coffee", "apple", "banana", "carrot"];
var arrnew = ["laptop", "keyboard", "mouse", "printer"]
for (let i = 0; i < arrOld.length; i++) {
    text = text.replaceAll(arrOld[i], arrnew[i]);
}
console.info(text);

А может быть и Array.prototype.map():

var text = "this is an example text. 1coffee , 2 coffee , 1 apple, 2apple , ?banana ,carrot";
var arrOld = ["coffee", "apple", "banana", "carrot"];
var arrnew = ["laptop", "keyboard", "mouse", "printer"];
arrOld.map((old, i) => text = text.replaceAll(old, arrnew[i]));
console.info(text);

14.05.2022 14:28

replace возвращает новый string вместо изменения старого

вы можете использовать reduce

также добавьте RegExp, потому что replace работает только для первого найденного совпадения

const text = `this is an example text. 1coffee , 2 coffee , 1 apple, 2apple , ?banana, another banana ,carrot`;

var arrOld = ["coffee", "apple", "banana" , "carrot"];
var arrnew = ["laptop", "keyboard", "mouse", "printer"];

const resultWitoutRegexp =  arrOld.reduce((res, textToChange, i) => res.replace(textToChange, arrnew[i]) , text)

const result = arrOld.reduce((res, textToChange, i) => res.replace(new RegExp(textToChange, 'g'), arrnew[i]) , text)
console.info(resultWitoutRegexp)
console.info(result)

14.05.2022 14:32

Ответ принят как подходящий

Вы можете попробовать это. Изменено из вашего кода.

const oldArray = ["coffee", "apple", "banana" , "carrot"];
const newArray = ["laptop", "keyboard", "mouse", "printer"];

let text = `this is an example text. 1coffee , 2 coffee , 1 apple, 2apple , ?banana ,carrot`;

const { length } = oldArray
for (let i = 0; i < length; i++) {
  text = text.replace(oldArray[i], newArray[i]);
}

console.info(text);