前言

在游戲開發過程中，讀取配置文件是必不可少的，而使用JSON做配置文件又比較常見，本文重點給大家講述如何在Cocos Creator開發中讀取和解析JSON數據文件以及如何寫JSON文件。

一、JSON簡介

1. 什么是JSON

JSON的英文全稱是JavaScript Object Notation，即JavaScript對象表示法。

2. JSON的特點

是一種輕量級的文本數據交換格式，類似XML，但是比XML更小、更快、更易解析。使用JavaScript語法來描述數據對象，JS程序無需解析器即可生成原生的JavaScript對象。獨立于語言和平臺，目前大多數的編程語言都支持JSON。

3. JSON的語法

JSON語法是JavaScript語法的子集，具有以下規則：

• 數據在名稱/值對中
• 數據由逗號分隔
• 大括號保存對象
• 中括號保存數組

二、如何解析JSON文件

1. 關鍵原則

大括號代表對象，中括號代表數組；

2. 用什么方法讀取？

Cocos Creator提供了cc.load.loadRes來專門加載位于 resources 目錄下的文件，所以提前把JSON文件放到 asserts/resources 目錄下即可。先來一個簡單的JSON文件，如下：

1. `// box2dDemo.json`2. `{`3. `"engine": "Box2D",`4. `"version": "2.3.1"`5. `}`

讀取/解析代碼如下：

1. `cc.loader.loadRes('box2dDemo.json', function(err, object) {`2. `if(err) {`3. `console.log(err);`4. `return;`5. `}`6. `// 讀取的數據返回在object中，這是一個擁有2個元素的對象`7. `let engine = object.engine; // engine = box2D`8. `let ver = object.version; // ver = 2.3.1`9. `});`

是不是很簡單？實際使用的JSON配置常常比這復雜一些，所以我們現在再給JSON文件增加一些元素，如下：

1. `// box2dDemo.json`2. `{`3. `"engine": "Box2D",`4. `"version": "2.3.1",`5. `"bodies":`6. `[`7. `{`8. `"name": "root",`9. `"body":`10. `{`11. `"type": "static",`12. `"gravityScale": 0.2`13. `}`14. `},`15. `{`16. `"name": "aa1",`17. `"body":`18. `{`19. `"type": "static",`20. `"gravityScale": 0.2`21. `}`22. `}`23. `],`24. `"joints":`25. `[`26. `{`27. `"bodyA": "root",`28. `"bodyB": "aa1",`29. `"lowerAngle": 0.5,`30. `"enableLimit": true`31. `},`32. `{`33. `"bodyA": "aa1",`34. `"bodyB": "aa2",`35. `"lowerAngle": -0.5,`36. `"enableLimit": true`37. `}`38. `]`39. `}`

我們在代碼中定義一個解析函數叫 readJson，并且把解析出來的JSON數據保存起來，實現代碼如下：

1. `readJson: function() {`2. `this.box2d = {}; // 存儲解析出來的JSON數據`3. `varself= this;`4. `cc.loader.loadRes('box2dDemo.json', function(err, object) {`5. `if(err) {`6. `console.log(err);`7. `return;`8. `}`9. `let engine = object.engine; // engine = box2D`10. `let ver = object.version; // ver = 2.3.1`11. `let bodies = object.bodies; // bodies是個數組`12. `let joints = object.joints; // joints是個數組`13. `// 需在回調外面提前用self代替this`14. `self.box2d = object; // box2d是整個對象`15. `// 將循環2次，因為bodies是個擁有2個對象的數組`16. `for(let x=0; x < bodies.length; x++) {`17. `let root = bodies[x]; // root是個對象`18. `let root_name = root.name; // 第1次循環root_name = root`19. `let type = root.body.type; // type = static`20. `let gravity = root.body.gravityScale; // gravity = 0.2`21. `}`22. `});`23. `},`

3. Cocos Creator讀取JSON文件注意事項

creator讀取json文件的一個坑（對文本內容進行操作可能導致的錯誤） 使用creator中的 cc.loader.loadRes( url, cc.RawAsset, ( err, res )=>{ } )讀取游戲文件后發現第二次進入游戲出現了錯誤。現對這個問題總結下：對于動態加載資源，第二次讀取會直接從緩存中讀取，所以如果讀取的是一個文本數據，對文本數據修改了，那么相應的，在下一次讀取數據會讀取修改后的文本數據。比如文本數據就一個數組[1,2,3]，第一次讀取之后刪除了最后一位數據變為為[1,2]，那么下一次讀取將會是[1,2]。為了不出現這種情況，可以對數據進行序列化與反序列化操作，將其深度拷貝后使用。

4. JSON讀取通用代碼示例

1. `cc.loader.load(cc.url.raw('resources/data.json'), function(err,res){`2. `if(err) {`3. `cc.log(err);`4. `}else{`5. `let list=res;`6. `cc.log("load:");`7. `cc.log("list:"+list.name);`8. `}`9. `});`10. `// louadRes()方法，默認路徑就是resources`11. `cc.loader.loadRes('data', function(err,res){`12. `if(err) {`13. `cc.log(err);`14. `}else{`15. `let list=res;`16. `cc.log("loadRes:");`17. `cc.log("list:"+list.sex);`18. `}`19. `});`

注意：當使用以上代碼還報文件不存在或Download text failed的錯，那就要檢查下資源管理器里是不是有兩個resources文件夾，其中一個是最近新建的，另一個可能是以前新建的但是被刪除過，但是刪除不徹底，因為cocos creator里面的資源都是有一個唯一標識的uuid,所以，還必須找到E:Projects你的項目libraryuuid-to-mtime.json這個文件，在里面找到之前的resources文件uuid，先剪切放到文本文件，然后保存uuid-to-mtime.json，重啟軟件，看是否能進去，不能的話再把剪切出來的uuid復制回去，再重啟就可以了。

三、Json文件的寫入

1. `// writeToFile()寫入數據到文件，存儲格式為xml，不是Json格式`2. `if(cc.sys.isNative) {`3. `cc.log("Path:"+jsb.fileUtils.getWritablePath()); cc.log( jsb.fileUtils.writeToFile({"new":"value"},jsb.fileUtils.getWritablePath()+'data.json'));`4. `cc.log("fullPathForFilename:"+jsb.fileUtils.fullPathForFilename("resources/data.json"));`5. `}`6. `// writeStringToFile（）寫入數據到文件，存儲格式為json，讀取數據用load()方法`7. `cc.log("writeStringToFile:"+jsb.fileUtils.writeStringToFile('{"a":"b","c":"d"}', jsb.fileUtils.getWritablePath()+'kk.json'));`8. `cc.log("getValueMapFromFile:"+JSON.stringify(jsb.fileUtils.getValueMapFromFile(jsb.fileUtils.getWritablePath()+"kk.json")));``var`9. `arry=JSON.stringify(jsb.fileUtils.getStringFromFile(jsb.fileUtils.getWritablePath()+"kk.json"));`10. `cc.log("arry:"+arry);`11. `cc.loader.load(jsb.fileUtils.getWritablePath()+"kk.json", function(err,res){`12. `if(err) {`13. `cc.log(err);`14. `}else{`15. `let list=res;`16. `cc.log("list:"+list.a);`17. `}`18. `});`

cocos、unity、lay游戲大禮包，如需獲取請點擊下方即可：

超詳細的面試學習核心筆記免費獲取：游戲開發基礎+Unity+Cocos+Laya+Ue4+Redis+微信小游戲+游戲服務器全家桶?shimo.im

總結

以上是生活随笔為你收集整理的json list格式_来来来，一文让你读懂Cocos Creator如何读写JSON文件的全部內容，希望文章能夠幫你解決所遇到的問題。

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