JSON列表中的"decodeURIComponent“项

Question

我希望解析JSON列表中的所有项并使用函数解码，删除HTML格式的空格%20等。

见下面的片段

我的目标是：

• 我想把Andy%2 2EPeters改为"Andy Peters“
• 我不想用键名将每一项称为"this.product_model“。

​

$(document).ready(function() {
  $('.btn').click(function() {
    $(ray).each(function(index) {
      console.log("Item BEFORE Decode : " + index + ": " + $(this).text() + ": " + this.product_model);
      this.index = decodeString(this.item);
      console.log("Item AFTER Decode    : " + index + ": " + $(this).text() + ": " + this.product_model);
    });
  });
});

function decodeString(a) {
  if (typeof a != 'undefined') {
    return decodeURIComponent(a);
  } else {
    return '';
  }
}
var ray = [{
  "product_id": "1",
  "product_model": "Andy%2EPeters",
}, {
  "product_id": "2",
  "product_model": "Tom%2EHanks",
}, {
  "product_id": "1",
  "product_model": "HFJ5G1.5",
}, ];



//console setup 
var consoleLine = "<p class=\"console-line\"></p>";

console = {
  log: function(text) {
    $("#console-log").append($(consoleLine).html(text));
  }
};

.console-line {
  font-family: console;
  margin: 2px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input class="btn" type="button" id="btn" value="Go!">
<div id="console-log"></div>

​

谢谢

Answer 1

​

$(document).ready(function() {
  $('.btn').click(function() {
         var data = decodeURIComponent(JSON.stringify(ray).replace(/(%2E)/ig, "%20"));
         ray = JSON.parse(data);
    
         $(ray).each(function(){
            console.log(this.product_model);
         })
  });
});
var ray = [{
  "product_id": "1",
  "product_model": "Andy%2EPeters"
}, {
  "product_id": "2",
  "product_model": "Tom%2EHanks"
}, {
  "product_id": "1",
  "product_model": "HFJ5G1.5"
} ];

//console setup 
var consoleLine = "<p class=\"console-line\"></p>";

console = {
  log: function(text) {
    $("#console-log").append($(consoleLine).html(text));
  }
};

.console-line {
  font-family: console;
  margin: 2px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input class="btn" type="button" id="btn" value="Go!">
<div id="console-log"></div>

​

这使用JSON对象的本机stringify将对象解析为JSON字符串。在解码完成之前，将所有的%2E替换为%20，并最终将其解码到一起。然后将其解析回JavaScript对象。

我不知道这是否只是为了演示目的，但一般来说:覆盖控制台是个坏主意。