Question

我是一个刚学的，自学成才的JavaScript＆amp; JSON启动。这个demi项目是我的第二个JavaScript项目的废料。请温柔地对待我。

我正在尝试输入JSON文件，对其进行字符串化，然后输出结果字符串。该文件是一个JavaScript对象。但是当我执行语句str = JSON.stringify(obj);时，我得到str === {}。

的结果

为什么字符串化的文件对象等于{}？我怎样才能使它成为一个等于JSON文件字符串的字符串？

JavaScript是：

function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // files is a FileList of File objects. List some properties.
    var output = [];
    for (var i = 0, f; f = files[i]; i++) {
        output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a',
        ') - ', f.size, ' bytes, last modified: ' f.lastModifiedDate ?
        f.lastModifiedDate.toLocaleDateString() : 'n/a', '</li>');
    }
    document.getElementById('OutputArea').innerHTML = '<ul>' +
    output.join('') + '</ul>';
    var obj = files[0];
    var str = JSON.stringify(obj);
    document.getElementById( 'OutputArea' ).innerHTML += "obj : " +
    obj + "<br><br>obj stringified : " + str;
}   // end def fn handleFileSelect

// set event listener on InputArea
document.getElementById('InputArea').addEventListener('change',
handleFileSelect, false);

HTML是：

<html lan="en">
   <head>
      <title="A JSON exercise"></title>
   </head>
   <body>

      <input id="InputArea" name="files[]" type="file" accept="application/json"
      multiple />
      <output id="OutputArea"</output>

   </body>
</html>

JavaScript的相关输出是：

obj: [object File]

object stringified : {}

在BBEdit for Mac中编写并保存为Unicode（UTF-8）文件的JSON文件是：

{
"FHC-Class-Schedule" : [

    {
        "time" : "0830",
        "room" : "A-I",
        "classTitle" : 
            "Keynote Address",
        "classDescription" : 
            "Room I [content to come]",
        "instructorName" : "Crista Cowen",
        "instructorGender" : "female",
        "instructorBio" : 
            "Crista Cowan has been employed by Ancestry.com since 2004.",
        "instructorImgHref" : 
            ""
    }
  ]
}

CodePen上有一支笔：A JSON Exercise。您需要一个本地JSON文件来输入它。

非常感谢任何帮助

编辑01：

好的，我重新格式化了JSON文件并使用在线JSON验证器（Free Online JSON Formatter）对其进行了验证。我仍然得到相同的结果。（我还插入了新的第一段。）

Answer 1

JSON.stringify（spec，MDN）仅包含符合以下条件所有的属性：

它们是自己的属性（不是对象从其原型继承的属性）
它们是可枚举的属性（例如，显示在for-in循环上的那种）
他们的名字是字符串（不是符号）
他们的值不是undefined或函数

您尝试转换为JSON的对象似乎只有继承或不可枚举的属性，和/或值为undefined或函数的对象。

另外，为了防止出现任何混淆：请注意files[0]不会包含文件中加载的JSON。 files[0]只是input type="file"中文件列表中该文件的记录。要加载其内容，您必须使用FileReader。 This answer (of mine)显示了如何做到这一点。一旦你阅读了它（可能使用readAsText），你就拥有了JSON字符串（然后可以使用JSON.parse将其转换为对象结构）。

在JavaScript＆amp; JSON，为什么str = JSON.stringify（obj）的结果;等于 {}？

1 个答案: