Замените несколько строк несколькими другими строками
Я пытаюсь заменить несколько слов в строке несколькими другими словами. Строка: "У меня есть кошка, собака и коза".
Однако это не дает "У меня есть собака, коза и кошка", но вместо этого она производит "У меня есть кот, кот и кошка". Можно ли одновременно заменить несколько строк несколькими другими строками в JavaScript, чтобы получить правильный результат?
var str = "I have a cat, a dog, and a goat.";
str = str.replace(/cat/gi, "dog");
str = str.replace(/dog/gi, "goat");
str = str.replace(/goat/gi, "cat");
//this produces "I have a cat, a cat, and a cat"
//but I wanted to produce the string "I have a dog, a goat, and a cat".
Ответы
Ответ 1
Конкретное решение
Вы можете использовать функцию для замены каждого.
var str = "I have a cat, a dog, and a goat.";
var mapObj = {
cat:"dog",
dog:"goat",
goat:"cat"
};
str = str.replace(/cat|dog|goat/gi, function(matched){
return mapObj[matched];
});
Пример jsfiddle
Обобщение
Если вы хотите динамически поддерживать регулярное выражение и просто добавлять будущие обмены на карту, вы можете сделать это
new RegExp(Object.keys(mapObj).join("|"),"gi");
для генерации регулярного выражения. Итак, это будет выглядеть как
var mapObj = {cat:"dog",dog:"goat",goat:"cat"};
var re = new RegExp(Object.keys(mapObj).join("|"),"gi");
str = str.replace(re, function(matched){
return mapObj[matched];
});
И чтобы добавить или изменить любые замены, вы могли бы просто изменить карту.
скрипка с динамическим регулярным выражением
Возможность повторного использования
Если вы хотите, чтобы это был общий шаблон, вы могли бы вывести это из функции, подобной этой
function replaceAll(str,mapObj){
var re = new RegExp(Object.keys(mapObj).join("|"),"gi");
return str.replace(re, function(matched){
return mapObj[matched.toLowerCase()];
});
}
Итак, вы можете просто передать str и карту замен, которые вы хотите использовать, и она вернет преобразованную строку.
скрипка с функцией
Чтобы гарантировать, что Object.keys работает в старых браузерах, добавьте polyfill, например, из MDN или Es5.
Ответ 2
Это может не соответствовать вашей конкретной потребности в этом экземпляре, но я нашел это полезным способом для замены нескольких параметров в строках в качестве общего решения. Он заменит все экземпляры параметров, независимо от того, сколько раз они ссылаются:
String.prototype.fmt = function (hash) {
var string = this, key; for (key in hash) string = string.replace(new RegExp('\\{' + key + '\\}', 'gm'), hash[key]); return string
}
Вы будете ссылаться на него следующим образом:
var person = '{title} {first} {last}'.fmt({ title: 'Agent', first: 'Jack', last: 'Bauer' });
// person = 'Agent Jack Bauer'
Ответ 3
Это сработало для меня:
String.prototype.replaceAll = function(search, replacement) {
var target = this;
return target.replace(new RegExp(search, 'g'), replacement);
};
function replaceAll(str, map){
for(key in map){
str = str.replaceAll(key, map[key]);
}
return str;
}
//testing...
var str = "bat, ball, cat";
var map = {
'bat' : 'foo',
'ball' : 'boo',
'cat' : 'bar'
};
var new = replaceAll(str, map);
//result: "foo, boo, bar"
Ответ 4
Используйте пронумерованные элементы, чтобы избежать замены снова. например
let str = "I have a %1, a %2, and a %3";
let pets = ["dog","cat", "goat"];
затем
str.replace(/%(\d+)/g, (_, n) => pets[+n-1])
Как это работает: -%\d+ находит числа, следующие за%. Скобки фиксируют номер.
Это число (в виде строки) является вторым параметром лямбда-функции n.
+ N-1 преобразует строку в число, затем 1 вычитается для индексации массива домашних животных.
Число% затем заменяется строкой в индексе массива.
/G заставляет лямбда-функцию вызываться повторно с каждым числом, которое затем заменяется строкой из массива.
В современном JavaScript: -
replace_n=(str,...ns)=>str.replace(/%(\d+)/g,(_,n)=>ns[n-1])
Ответ 5
пользовательская регулярная функция, чтобы определить заменяемый шаблон, а затем использовать функцию замены для работы с входной строкой,
var i = new RegExp('"{','g'),
j = new RegExp('}"','g'),
k = data.replace(i,'{').replace(j,'}');
Ответ 6
На всякий случай кто-то задается вопросом, почему оригинальное решение для плакатов не работает:
var str = "I have a cat, a dog, and a goat.";
str = str.replace(/cat/gi, "dog");
// now str = "I have a dog, a dog, and a goat."
str = str.replace(/dog/gi, "goat");
// now str = "I have a goat, a goat, and a goat."
str = str.replace(/goat/gi, "cat");
// now str = "I have a cat, a cat, and a cat."
Ответ 7
String.prototype.replaceSome = function() {
var replaceWith = Array.prototype.pop.apply(arguments),
i = 0,
r = this,
l = arguments.length;
for (;i<l;i++) {
r = r.replace(arguments[i],replaceWith);
}
return r;
}
/*
replaceSome метод для строк
он принимает столько аргументов, сколько мы хотим, и заменяет все
из них с указанным последним аргументом
2013 Скорпионы спасены для: Макс Ахмед
это пример:
var string = "[hello i want to 'replace x' with eat]";
var replaced = string.replaceSome("]","[","'replace x' with","");
document.write(string + "<br>" + replaced); // returns hello i want to eat (without brackets)
*/
jsFiddle: http://jsfiddle.net/CPj89/
Ответ 8
<!DOCTYPE html>
<html>
<body>
<p id="demo">Mr Blue
has a blue house and a blue car.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var str = document.getElementById("demo").innerHTML;
var res = str.replace(/\n| |car/gi, function myFunction(x){
if(x=='\n'){return x='<br>';}
if(x==' '){return x=' ';}
if(x=='car'){return x='BMW'}
else{return x;}//must need
});
document.getElementById("demo").innerHTML = res;
}
</script>
</body>
</html>
Ответ 9
Я написал этот npm-пакет stringinject https://www.npmjs.com/package/stringinject, который позволяет вам выполнить следующие
var string = stringInject("this is a {0} string for {1}", ["test", "stringInject"]);
который заменит {0} и {1} на элементы массива и вернет следующую строку
"this is a test string for stringInject"
или вы можете заменить заполнители клавишами объектов и такими значениями:
var str = stringInject("My username is {username} on {platform}", { username: "tjcafferkey", platform: "GitHub" });
"My username is tjcafferkey on Github"
Ответ 10
Простое решение с помощью Jquery: замените несколько строк несколькими другими:
var replacetext = {
"abc": "123",
"def": "456"
"ghi": "789"
};
$.each(replacetext, function(txtorig, txtnew) {
$(".eng-to-urd").each(function() {
$(this).text($(this).text().replace(txtorig, txtnew));
});
});
Ответ 11
С моим пакетом замены можно сделать следующее:
const replaceOnce = require('replace-once')
var str = 'I have a cat, a dog, and a goat.'
var find = ['cat', 'dog', 'goat']
var replace = ['dog', 'goat', 'cat']
replaceOnce(str, find, replace, 'gi')
//=> 'I have a dog, a goat, and a cat.'
Ответ 12
var str = "I have a cat, a dog, and a goat.";
str = str.replace(/goat/i, "cat");
// now str = "I have a cat, a dog, and a cat."
str = str.replace(/dog/i, "goat");
// now str = "I have a cat, a goat, and a cat."
str = str.replace(/cat/i, "dog");
// now str = "I have a dog, a goat, and a cat."
Ответ 13
используя Array.prototype.reduce():
const arrayOfObjects = [
{ plants: 'men' },
{ smart:'dumb' },
{ peace: 'war' }
]
const sentence = 'plants are smart'
arrayOfObjects.reduce(
(f, s) => '${f}'.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence
)
// as a reusable function
const replaceManyStr = (obj, sentence) => obj.reduce((f, s) => '${f}'.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence)
const result = replaceManyStr(arrayOfObjects , sentence1)
пример
// ///////////// 1. replacing using reduce and objects
// arrayOfObjects.reduce((f, s) => '${f}'.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence)
// replaces the key in object with its value if found in the sentence
// doesn't break if words aren't found
// Example
const arrayOfObjects = [
{ plants: 'men' },
{ smart:'dumb' },
{ peace: 'war' }
]
const sentence1 = 'plants are smart'
const result1 = arrayOfObjects.reduce((f, s) => '${f}'.replace(Object.keys(s)[0], s[Object.keys(s)[0]]), sentence1)
console.log(result1)
// result1:
// men are dumb
// Extra: string insertion python style with an array of words and indexes
// usage
// arrayOfWords.reduce((f, s, i) => '${f}'.replace('{${i}}', s), sentence)
// where arrayOfWords has words you want to insert in sentence
// Example
// replaces as many words in the sentence as are defined in the arrayOfWords
// use python type {0}, {1} etc notation
// five to replace
const sentence2 = '{0} is {1} and {2} are {3} every {5}'
// but four in array? doesn't break
const words2 = ['man','dumb','plants','smart']
// what happens ?
const result2 = words2.reduce((f, s, i) => '${f}'.replace('{${i}}', s), sentence2)
console.log(result2)
// result2:
// man is dumb and plants are smart every {5}
// replaces as many words as are defined in the array
// three to replace
const sentence3 = '{0} is {1} and {2}'
// but five in array
const words3 = ['man','dumb','plant','smart']
// what happens ? doesn't break
const result3 = words3.reduce((f, s, i) => '${f}'.replace('{${i}}', s), sentence3)
console.log(result3)
// result3:
// man is dumb and plants
Ответ 14
Я немного расширился на @BenMcCormicks. Он работал над регулярными строками, но не в том случае, если мне удалось избежать персонажей или подстановочных знаков. Вот что я сделал
str = "[curl] 6: blah blah 234433 blah blah";
mapObj = {'\\[curl] *': '', '\\d: *': ''};
function replaceAll (str, mapObj) {
var arr = Object.keys(mapObj),
re;
$.each(arr, function (key, value) {
re = new RegExp(value, "g");
str = str.replace(re, function (matched) {
return mapObj[value];
});
});
return str;
}
replaceAll(str, mapObj)
возвращает "blah blah 234433 blah blah"
Таким образом, он будет соответствовать ключу в mapObj, а не совпадающему слову "