5

我正在尝试根据其键值条目将字符串中的每个整数转换为对象中的相应值。例如,如果我有:

var arr = {
    "3": "value_three",
    "6": "value_six",
    "234": "other_value"
  };
var str = "I want value 3 here and value 234 here";

我会expext输出为:

new_str = "I want value_three here and value other_value here"
4

6 回答 6

6

我只是在脑海中做这件事,但这应该可行。

var new_str = str;

for (var key in arr) {
    if (!arr.hasOwnProperty(key)) {
        continue;
    }

    new_str = new_str.replace(key, arr[key]);
}

如果您希望替换所有出现的数字,则需要将 Regex 合并到组合中:

var new_str = str;

for (var key in arr) {
    if (!arr.hasOwnProperty(key)) {
        continue;
    }

    new_str = new_str.replace(new RegExp(key, "g"), arr[key]);
}

另外,我会选择除 之外的另一个名称arr,因为这意味着它显然是一个对象时是一个数组。此外,请确保您只for-in在对象上使用循环,而不是数组,因为原型泄漏和其他问题。

您也可以使用 jQuery 执行此操作,但这可能有点过头了:

var new_str = str;

$.each(arr, function (key, value) {
    new_str = new_str.replace(key, value);
});
于 2012-06-26T01:19:37.470 回答
3

假设您有一个像arr,str定义和new_str声明的对象。然后,假设我们的目标是通用解决方案,则以下工作:

var arr = { "3": "value_three", "6": "value_six", "234": "other_value" };
var str = "I want value 3 here and value 234 here";

// Building a regex like `/3|6|234/g`
let re = new RegExp(Object.keys(arr).join('|'), 'g');

// Arrow function is approximately equivalent to
// an anonymous function like `function(match) { return arr[match]; }`
new_str = str.replace(re, match => arr[match]);

console.log(new_str);

就像一点旁注一样,arr鉴于您的示例是Object. (我意识到它们有时也被称为关联数组;只是指出来)。

于 2019-10-31T16:34:16.193 回答
2

你也可以在这里使用一个减速器,在我看来它看起来更干净:

new_str = Object.keys(dynamicValues).reduce((prev, current) => {
  return prev.replace(new RegExp(current, 'g'), dynamicValues[current]);
}, value);
于 2019-05-17T09:02:20.137 回答
2

2021年:

请注意

value 3

也匹配

value 32

const arr = {'3':'value_three', '6':'value_six', '234':'other_value'};
let str = 'I want value 3 here and value 234 here';

Object.keys(arr).forEach(key => str = str.replaceAll(`value ${key}`,arr[key]))
console.log(str)

于 2021-02-03T12:45:39.707 回答
1

使用regex,替代解决方案可能是这样的:

const object = {
    "3": "value_three",
    "6": "value_six",
    "234": "other_value"
};
const str = "I want value 3 here and value 234 here. value 32";

const replacedText1 = str.replace(/value \d+/g, v=>object[v.split(" ")[1]] || v);

const replacedText2 = str.replace(/\d+/g, v=>object[v] || v);

console.log(replacedText1);
console.log(replacedText2);

于 2021-02-03T14:31:13.010 回答
0

我最近需要用key: value一个对象的条目替换一个字符串,其中一些键包含特殊字符,例如大括号。因此,正如其他人所建议的那样,我们可以使用String.replace带有 RegExp 的函数并将函数作为替换值传递,但是创建 RegExp 本身存在问题,因为我们需要使用\. 这是转义函数和最终替换函数的示例:

// Escape string to use it in a regular expression
const regexpEscape = (string) => string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');

// Replace string with `key: value` entries of the search object.
const stringReplace = (string, search) => {
  const regexp = new RegExp(
    Object.keys(search)
      .map((item) => regexpEscape(item))
      .join('|'),
    'g'
  );
  return string.replace(regexp, (match) => search[match]);
};

const search = {
   '{{name}}': 'John',
   '{{lastname}}': 'Doe',
   '{{age}}': 24,
};

const template = 'Hey, {{name}} {{lastname}}! Your age is {{age}}.';

console.log(stringReplace(template, search));

希望它可以帮助某人!注意安全 :)

于 2021-01-14T09:46:35.063 回答