javascript - 如何比较编码值和解码值

Question

在这里，我尝试将选项标记中的值与 JSON 对象的值进行比较。

我有 2 个数据表单

Format-1 - 解码

<li>please click <a target="_blank" href="https:app.answers/detail/a_id/140">here</a></li>

Format-2 - 编码

<li>please click <a target="_blank" href="https://app.answers/detail/a_id/140">here</a></li>

在下面的代码中，我使用 unescape 来解码编码值并使用解码后的值进行比较并进行检查，因为选项值是解码后的格式。

     for(j=0;j<multiValues.length;j++){
                var escapedVal = unescape(multiValues[j]);                               
                console.log(escapedVal); //this was suppose to show <li>please click <a target="_blank" href="https:app.answers/detail/a_id/140">here</a></li>   but its showing  &lt;li&gt;please click &lt;a target=&quot;_blank&quot; href=&quot;https://app.answers/detail/a_id/140&quot;&gt;here&lt;/a&gt;&lt;/li&gt;
$(v).find('option[value="'+escapedVal[j]+'"]').prop('selected',true).attr("selected","selected");
              }

当我在控制台中记录escapedVal时，它仍然仅以编码格式显示。但我想解码格式 2 并将其与 format 1 进行比较，因为 format 1 已经解码。我只是比较它的选项值，但我没有在页面中的任何地方显示它。

我该怎么做？

Answer 1

您需要先解码然后比较

function decodeHTML( str )
{
  var div = document.createElement( "div" );
  div.innerHTML = str;
  return div.innerText;
}

演示

function decodeHTML( str )
{
  var div = document.createElement( "div" );
  div.innerHTML = str;
  return div.innerText;
}
var value = '<li>please click <a target="_blank" href="https://app.answers/detail/a_id/140">here</a></li>';
var encodedValue = '&lt;li&gt;please click &lt;a target=&quot;_blank&quot; href=&quot;https://app.answers/detail/a_id/140&quot;&gt;here&lt;/a&gt;&lt;/li&gt;'
var recoveredValue = decodeHTML( encodedValue );

console.log( value == recoveredValue )