javascript - 如何在 jquery 或 javascript 中重构消息中显示的对象

Question

嗨，我一直在这种情况下挣扎。也许有人可以帮助我解决这个问题。

尝试的代码:

var Obj = {
   Type: {
   message: "This field is required"
 },
   Bonus1: {
   message: "This field is required"
 },
   Bonus2: {
   message: "This field is required"
 },
   Bonus3: {
   message: "This field is required"
 },
   Date: {
   message: "This field is required"
 },
   Time: {
   message: "This field is required"
 }
};

var message = "";

$.each(Obj, function(i, v){
 if(i.match(/Bonus/g))
 {
   i = i.concat(', ');
 }  
  message += i + ": " +v.message + "\n";
});

alert(message);

如果两个或多个奖金显示此内容:

如果一项奖金显示此内容:

JS Fiddle

Answer 1

1)使用正则表达式划分键和键索引:

var re = /([^0-9]*)([0-9]*)/; // The string ends with a number
var restruct = {};

$.each(Obj, function(i, v){
  var m;
  var index;
  if ((m = re.exec(i)) !== null) {
      if (m.index === re.lastIndex) {
          re.lastIndex++;
      }
  }
  i = m[1];
  index = m[2];
})

2) 对于每个键保存不同的消息及其对应的索引:

  if (typeof restruct[i] === 'undefined') restruct[i] = {};
  if (typeof restruct[i][v.message] === 'undefined') restruct[i][v.message] = []
  if (index.length>0) restruct[i][v.message].push(index)

3)构造最终消息:

 $.each(restruct, function(i) {
     $.each(restruct[i], function(m,v){
        message += (v.join(',') + ' ' + i).trim() + ': ' + m + '\r\n';
     });
 });

[https://jsfiddle.net/1b9qum1d/]