js讀json文件：

<div><input type="file" id="files"/> </div><script>var inputElement = document.getElementById("files");inputElement.addEventListener("change", handleFiles, false);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);//讀取文件的內容reader.onload = function(){console.log("讀取結果：", this.result);//當讀取完成之后會回調這個函數，然后此時文件的內容存儲到了result中。直接操作即可。console.log("讀取結果轉為JSON：");let json = JSON.parse(this.result);console.log(json.name);console.log(json.age);};}</script>

js寫json文件：

<input type="button" id="export" value="保存"/><!-- 關鍵是要引入這個js插件 --> <script src="https://cdn.bootcss.com/FileSaver.js/1.3.8/FileSaver.js"></script> <script>var button = document.getElementById("export");button.addEventListener("click", saveHandler, false);function saveHandler(){let data = {name:"hanmeimei",age:88}var content = JSON.stringify(data);var blob = new Blob([content], {type: "text/plain;charset=utf-8"});saveAs(blob, "save.json");}</script>

FileSaver.js相關介紹

FileSaver.js下載地址

總結

以上是生活随笔為你收集整理的js读写json文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。