 |
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：Uni-app入门到精通教程 > 4.4.3 嵌套 JSON 对象中的数组 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 4.4.2 数组的循环访问 | 下一篇： 4.4.4修改数组值 |
4.4.3 嵌套 JSON 对象中的数组JSON 对象中数组可以包含另外一个数组，或者另外一个 JSON 对象。 代码示例如下： myObj = { "name":"网站", "num":3, "sites": [ { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] }, { "name":"2d5", "info":[ "小白教程网", "小白工具", "小白微信" ] }, { "name":"Taobao", "info":[ "淘宝", "网购" ] } ] } 我们可以使用 for-in 来循环访问每个数组。 代码示例如下： for (i in myObj.sites) { x += "<h1>" + myObj.sites[i].name + "</h1>"; for (j in myObj.sites[i].info) { x += myObj.sites[i].info[j] + "<br>"; } } 完整代码示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS中文教程网 8939.org</title> </head> <body>
<p>循环内嵌数组</p> <p id="demo"></p> <script> var myObj, i, j, x = ""; myObj = { "name":"网站", "num":3, "sites": [ { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] }, { "name":"2d5", "info":[ "小白教程", "小白工具", "小白微信" ] }, { "name":"Taobao", "info":[ "淘宝", "网购" ] } ] } for (i in myObj.sites) { x += "<h1>" + myObj.sites[i].name + "</h1>"; for (j in myObj.sites[i].info) { x += myObj.sites[i].info[j] + "<br>"; } } document.getElementById("demo").innerHTML = x; </script>
</body> </html> 效果如图8-11。
【uniapp参考资料】 （1）uni-app跨平台开发 入门到实战 https://ke.qq.com/course/package/26512 （2）uni-app 完整商城界面设计实战 https://ke.qq.com/course/2381059 （3）基于vue的uniapp商城完整项目源代码 https://ke.qq.com/course/3064977 （4）毕业设计网 （5）小程序编程网 （6）计算机编程网 |
|
| 上一篇： 4.4.2 数组的循环访问 | 下一篇： 4.4.4修改数组值 |
