实现读取本地json格式文件并解析

        javascript 作为前台交互最常用的语言，想必大家都已经很数据了，作为了一个前台和后台都倒腾的程序猿，最近一个朋友问我怎么用JavaScript实现读取本地json格式的文件，最为职业精神就帮他写了一个 顺便和温习了一下知识点，送人玫瑰，手留余香，何乐而不为呢~

开始以为可以用ActiveXObject 来实现文件的读取 但是 ActiveXObject  此对象为 Microsoft 扩展，仅在 Internet Explorer 中受支持，在 Windows 8.x 应用商店应用中不受支持。所以就FileReader 这个对象来实现文件的读取。

        使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据.其中File对象可以是来自用户在一个元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后的返回结果.--来自官方网站，具体参考 https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader 

        具体实现代码如下

        

 Read bytes: 

  entire file

结果参见如下调试图片