Question

let string = 'My name is [~FIRSTNAME] [~LASTNAME]';
let nameArray = ['Peter', 'Parker'];
let patternToBeReplaced = ['[~FIRSTNAME]', '[~LASTNAME]']

我想将string替换为namearray的元素，以便字符串变为'My name is Peter Parker'

以下是解决此问题的方法 -

patternToBeReplaced.forEach(function (match, index) {
        var output = string.replace(match, nameArray[index]);
});

但这并没有像预期的那样发挥作用。

Answer 1

您可以使用Array#reduce并使用该字符串进行下一次替换。

let string = 'My name is [~FIRSTNAME] [~LASTNAME]';
let nameArray = ['Peter', 'Parker'];
let patternToBeReplaced = ['[~FIRSTNAME]', '[~LASTNAME]']

string = patternToBeReplaced.reduce((s, m, i) => s.replace(m, nameArray[i]), string);

console.log(string);

Answer 2

您正在创建字符串模板系统。由于您已经使用了ECAMScript 6语法，因此可以使用新的内置模板文字。

＆＃13;

let [FIRSTNAME, LASTNAME] = ['Peter', 'Parker'];
let string = `My name is ${FIRSTNAME} ${LASTNAME}`;

console.log(string);

＆＃13;

当字符串中有多个给定标签的插入时，这也会更加干净。

＆＃13;

let [FIRSTNAME, LASTNAME] = ['Peter', 'Parker'];
let string = `My name is ${LASTNAME}... ${FIRSTNAME} ${LASTNAME}`;

console.log(string);

＆＃13;

Answer 3

patternToBeReplaced.forEach(function (match, index) {
    string = string.replace(match, nameArray[index]);
});

Answer 4

类似的东西。

let str = 'My name is [~FIRSTNAME] [~LASTNAME]';
let nameArray = ['Peter', 'Parker'];
let patternToBeReplaced = ['[~FIRSTNAME]', '[~LASTNAME]']


const result = patternToBeReplaced.reduce((str, placeholder, i) => {
return str.replace(placeholder, nameArray[i]);
}, str);
console.log(result);

Answer 5

output是一个局部变量，只是声明它是没用的。
replace(String, String)只会替换第一个匹配的模式。

这是我的解决方案：

let replaceWithArrayElements = (patterns, replacements, targetString) => {
    patterns.forEach((pattern, i) => targetString = targetString.replace(new RegExp(pattern, 'g')));
    return targetString;
}

Answer 6

第一个解决方案，保留基本代码：

let string = 'My name is [~FIRSTNAME] [~LASTNAME]';
let nameArray = ['Peter', 'Parker'];
let patternToBeReplaced = ['[~FIRSTNAME]', '[~LASTNAME]'];
patternToBeReplaced
.forEach((match, i)=>{
  string = string
           .replace(match, nameArray[i]);
});

使用Map：

let string = 'My name is [~FIRSTNAME] [~LASTNAME]';
let replaceMap = new Map();
replaceMap.set('[~FIRSTNAME]', 'Peter');
replaceMap.set('[~LASTNAME]', 'Parker');
replaceMap.forEach((key, value)=>{
  string = string.replace(key, value);
});

使用ES6“模板”字符串：

/*
*Have some ways of getting the first name in "firstName"
*Have some ways of getting the last name in "lastName"
*/
let string = `My name is ${firstName} ${lastName}`;

Answer 7

string.match(/\[~\w+\]/g).forEach((item,index)=>{
  string = string.replace(item, nameArray [index])
})

您可以根据需要使用上述代码

用数组元素替换字符串

7 个答案: