C＃JSON字符串到JavaScript数组

Question

我在C＃中有以下课程：

public class Caption
{
    public string line;
    public string timestamp;
}

我创建了一些Caption对象并将其添加到列表中：

List<Caption> CaptionList = new List<Caption>();
var obj = new Caption
{
  line = "Some text"
  timestamp = "00:10"
};
CaptionList.Add(obj);

然后，我使用Json.NET将列表序列化为Json，如下所示：

public string json = JsonConvert.SerializeObject(CaptionList);

现在，我想将此作为JavaScript数组使用，所以我尝试了以下方法：

var arr = '<%=json%>';

我没有太多的JavaScript知识，但是好像arr现在是一个字符串而不是一个数组，因为json实际上是C＃字符串。 我尝试使用arr[i].line等访问对象，但这不起作用。

如何将json变成JavaScript中的实际数组？

Answer 1

您可以使用JSON.parse方法将JSON字符串解析为一个数组：

var arr = JSON.parse('<%=json%>');

但是，由于JSON是JavaScript语法的子集，因此您实际上可以将JSON用作JavaScript数组文字：

var arr = <%=json%>;

Answer 2

当作演示

您的变量arr将以这种方式呈现。 这将是字符串。 因此要将字符串转换为JSON对象，您需要解析该字符串。 通过使用JSON.parse(arr)

var arr = '[ { "line":"Some text", "timestamp":"00:10" }, { "line":"Some text", "timestamp":"00:10" } ]';

var JObject= JSON.parse(arr);

Now you can access JObject[0].line

这会给你

“一些文字”

您可以在这里查看Mozilla

Answer 3

我们使用MVC，并且在我们想要将模型转换为javascript对象的视图中（通过模型），我们使用一条简单的行：

<script type="text/javascript">
        $(document).ready(function () {
            MyObject.Initialize(@Html.Raw(Json.Encode(Model)));
        });
</script>

所有这些的关键是：

@Html.Raw(Json.Encode(Model))

MVC传递了“模型”，但是您可以很容易地执行以下操作：（Razor语法）

@{
   List<Caption> CaptionList = new List<Caption>();
   var obj = new Caption
   {
     line = "Some text"
     timestamp = "00:10"
   };
   CaptionList.Add(obj);
}

然后...

<script type="text/javascript">
        $(document).ready(function () {
            MyObject.Initialize(@Html.Raw(Json.Encode(CaptionList)));
        });
</script>

我尚未对此进行测试，但是它应该可以工作，或者它可以进行一些变型，您可能需要将“ CaptionList”作为属性放入某个父对象中，并将其传递给Json.Encode。

您也可以这样做：

<script type="text/javascript">
        $(document).ready(function () {
            var myArray = @Html.Raw(Json.Encode(CaptionList)));
        });
</script>

请注意，这里不需要jQuery，这只是将其包装在ready函数中的一种方法。