在JavaScript & JSON中，为什么str = JSON.stringify(obj);的结果是等于 {}？

Question

我是一名新近自学的 JavaScript & JSON 入门者。这个半项目是我第二个 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 中为 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 的对象似乎只有继承或不可枚举的属性，and/or 值为 undefined 或函数的属性。

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

在JavaScript & JSON中，为什么str = JSON.stringify(obj);的结果是等于 {}？

In JavaScript & JSON, why is the result of str = JSON.stringify(obj); equal to {}?

javascript

json

stringify