zyq-lucky 2018-12-16 03:57 采纳率: 66.7%
浏览 27251
已采纳

调用JSON.parse ()函数对字符串对象进行转化的时候,报错Unexpected end of JSON input

具体的代码如下:先从前端读取的json文件中获取内容再进行转化:

function handleFiles() {
    var selectedFile = document.getElementById("files").files[0];//获取读取的File对象
    var name = selectedFile.name;//读取选中文件的文件名
    var size = selectedFile.size;//读取选中文件的大小
    console.log("文件名:"+name+"大小:"+size);
    var reader = new FileReader();
    reader.readAsText(selectedFile);//读取文件的内容
        // 下面这一行报错了!!!!
    var json = JSON.parse(reader.result.toString().replace(/\n/g, ''));
    var temp = 0;
     for(i=0;i< length(json);i++){
        for(j=0;j<length(json)-i-1;j++){
            if(json[j+1].value>json[j].value){
                temp = json[j+1];
                json[j+1] = json[j];
                json[j] = temp;
            }
        }
    }
    return json;

但如果设置断点调试则可以进行,是为什么?

  • 写回答

1条回答 默认 最新

  • 天际的海浪 2018-12-16 07:34
    关注

    因为FileReader()读取文件的过程是异步执行的,只有在onload事件中才能正确的获取result

        var reader = new FileReader();
        reader.readAsText(selectedFile);//读取文件的内容
        reader.onload = function () {//文件读取完毕
            console.log(reader.result);
        }
    

    另外因为是异步获取数据,你的handleFiles函数也就不能通过return 返回数据,要用回调函数的方式传递数据。

    用回调函数的方式

    function handleFiles(callback) {
        var selectedFile = document.getElementById("files").files[0];//获取读取的File对象
        var name = selectedFile.name;//读取选中文件的文件名
        var size = selectedFile.size;//读取选中文件的大小
        console.log("文件名:"+name+"大小:"+size);
        var reader = new FileReader();
    
        reader.onload = function () {//文件读取完毕
            var json = JSON.parse(reader.result.toString().replace(/\n/g, ''));
            var temp = 0;
             for(i=0;i< length(json);i++){
                for(j=0;j<length(json)-i-1;j++){
                    if(json[j+1].value>json[j].value){
                        temp = json[j+1];
                        json[j+1] = json[j];
                        json[j] = temp;
                    }
                }
            }
            callback(json);
        }
        reader.readAsText(selectedFile);//读取文件的内容
    }
    

    //调用时

    handleFiles(function (json) {
        console.log(json);
        获取数据,以及之后的所有操作都放在这里
    })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

    报告相同问题?

    悬赏问题

    • ¥15 我用C语言easyx图形库绘制了一个3d游戏方框透视,但进入游戏时候鼠标准星对准方框边缘 鼠标光标就会弹出来这是啥情况怎样让光标对准绘制的方框点击鼠标不弹出光标好烦这样
    • ¥20 用Power Query整合的问题
    • ¥20 基于python进行多背包问题的多值编码
    • ¥15 相同型号电脑与配置,发现主板有一台貌似缺少了好多元器件似的,会影响稳定性和使用寿命吗?
    • ¥15 要求编写稀疏矩阵A的转置矩阵的算法
    • ¥15 编写满足以下要求的停车场管理程序,设停车场只有一个可停放n辆车的狭窄通道且只有一个大门可供车辆进出。
    • ¥15 C语言:数据子序列基础版
    • ¥20 powerbulider 导入excel文件,显示不完整
    • ¥15 用keil调试程序保证结果进行led相关闪烁
    • ¥15 paddle训练自己的数据loss降不下去