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

调用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 三菱伺服电机按启动按钮有使能但不动作
  • ¥20 为什么我写出来的绘图程序是这样的,有没有lao哥改一下
  • ¥15 js,页面2返回页面1时定位进入的设备
  • ¥200 关于#c++#的问题,请各位专家解答!网站的邀请码
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
  • ¥15 错误 LNK2001 无法解析的外部符号