javascript - 如何在javascript中将json转换为数组以获得li列表

Question

我有一个 JSON 字符串，它被拉出并返回以下内容。

var result = {
  "0": { NAME: "NONE" },
  "1": { NAME: "REGISTRATION" },
  "2": { NAME: "PAPER" },
  "3": { NAME: "BLACK" },
  "4": { NAME: "C=100M=0Y=0K=0" },
  "5": { NAME: "C=0M=100Y=0K=0" },
  "6": { NAME: "C=0M=0Y=100K=0" },
  "7": { NAME: "C=15M=100Y=100K=0" },
  "8": { NAME: "C=75M=5Y=100K=0" },
  "9": { NAME: "C=100M=90Y=10K=0" }
};

这些是来自 InDesign 文档的颜色。我正在尝试转换为 JavaScript 中的字符串，但我尝试过的所有方法都不起作用。

我得到的最接近的是以下

var result = {
  "0": { NAME: "NONE" },
  "1": { NAME: "REGISTRATION" },
  "2": { NAME: "PAPER" },
  "3": { NAME: "BLACK" },
  "4": { NAME: "C=100M=0Y=0K=0" },
  "5": { NAME: "C=0M=100Y=0K=0" },
  "6": { NAME: "C=0M=0Y=100K=0" },
  "7": { NAME: "C=15M=100Y=100K=0" },
  "8": { NAME: "C=75M=5Y=100K=0" },
  "9": { NAME: "C=100M=90Y=10K=0" }
};

var listEl = document.getElementById('swatches');
    makeList(result,listEl);

function makeList(jsonObject, listElement) {
  //iterate through the array or object
  for (var i in jsonObject) {
    //insert the next child into the list as a <li>
    var newLI = document.createElement("li");
    newLI.innerHTML += jsonObject[i];
    listElement.appendChild(newLI);
  }
}

<div class="dropdown-container">
<!--  <ul class="swatches" id="swatches" onchange="swatchIndex()">-->
  <ul class="swatches" id="swatches" onchange="swatchIndex()">
    <li class="cell" id="cell">
      None
      <div class="colorBox"></div>
      <!--END COLOR BOX-->
    </li>
    <!--END LI-->
  </ul>
  <!--END SWATCHES-->
</div>

有什么想法吗？

Answer 1

向字符串中添加额外的 [] 并使用以下代码:

var myObject = eval('(' + myJSONtext + ')');

使用这个来测试它。

var s ="[{'id':1,'name':'Test1'},{'id':2,'name':'Test2'}]";
var myObject = eval('(' + s + ')');
对于(我在 myObject 中)
{
警报(myObject [i] [“名称”])；
}