javascript - 从 javascript 中的对象数组替换模板中的键

Question

我有一个像这样的数组。

var arr = [
    {
        Id:1533248,
        Name:"HP",
        ParentId:33113319,
        ParentName:"Brand Name"
    },
    {
        Id:1533764,
        Name:"Samsung",
        ParentId:33113319,
        ParentName:"Brand Name"
    }    
]

还有一个模板。

var template = 'a_{ParentName}:{ParentId}_({Name}:{Id})*'

我正在尝试从模板生成字符串。我所拥有的只是对象数组。 () 内的部分也可以重复并用管道分隔。

这是所需的输出。

var result = 'a_brand-name:33113319_hp:1533248|samsung:1533764|sony:1533438';

数组中可能有许多具有相同 ParentId 的对象。我尝试使用正则表达式但失败了。我不擅长正则表达式。
请帮忙。

Answer 1

您可以使用 JS RegExp 和替换来交换模板中的变量。此外，您可以使用替换将字符串清理为所需的格式(根据我所看到的，用连字符替换空格并将字符串转换为小写)。听起来您的数据比上面显示的要多，因此您可能需要将多个模板(即每个父级一个)存储在一个对象中，其中键是parentId。使用该结构，您可以迭代该数组，从而非常快速地更新每个parentId 的模板。

var arr = [
    {
        Id:1533248,
        Name:"HP",
        ParentId:33113319,
        ParentName:"Brand Name"
    },
    {
        Id:1533764,
        Name:"Samsung",
        ParentId:33113319,
        ParentName:"Brand Name"
    }    
];


var template = 'a_{ParentName}:{ParentId}_({Name}:{Id})*';
arr.forEach(function(obj, i) {
  Object.keys(obj).forEach(function(key) {
    var newKey;
        if (typeof(obj[key]) === 'string') {
      newKey = obj[key].replace(/ /g, '-').toLowerCase();
    } else {
      newKey = obj[key];
    }

    var regex = new RegExp("{" + key + "}");
    template = template.replace(regex, newKey);
  });
  if (template.indexOf('({Name}:{Id})') === -1 && i < arr.length - 1) {
    template = template.replace(/\*/, '|({Name}:{Id})*');
  } else if(i === arr.length - 1) {
    template = template.replace(/[\*\(\)]/g, '');
  }
});

https://jsfiddle.net/mw3dwau7/2/