JSON基础入门实战讲解在线视频课程-JSON数组的循环访问

曾经终败给现在 2024-02-19 16:35 17阅读 0赞

使用 for-in 来访问数组：  
微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]  
实例

for (i in myObj.sites) { 
 x += myObj.sites[i] + " ";
 }

使用 for 循环访问数组：  
实例

for (i = 0; i < myObj.sites.length; i++) {
 x += myObj.sites[i] + " "; 
 }

完整代码如下：

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>JS中文教程网 8939.org</title>
 </head>
 <body>
 
 你可以使用 for-in 来访问数组:
 
 <hr>
 
 
 <script>
 var myObj, i, x = "";
 myObj = {
 "name":"网站",
 "num":3,
 "sites":[ "Google", "Runoob", "Taobao" ]
 };
 
 for (i in myObj.sites) {
 x += myObj.sites[i] + " ";
 }
 document.getElementById("demo").innerHTML = x;
 
 var j,y="";
 for (j = 0; j < myObj.sites.length; j++) {
 y += myObj.sites[j] + " ";
 }
 document.getElementById("demo2").innerHTML = y;
 
 </script>
 
 </body>
 </html>

效果见  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70]  
[欢迎大家学习我的视频课程：JSON基础入门实战讲解在线视频课程][JSON]  
![JSON基础入门实战讲解在线视频课程-JSON数组的循环访问][JSON_-JSON]

[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTM4MTgyMDU_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/e1f1b56f4f6c46e780985f503f7e42ac.png
[JSON]: https://ke.qq.com/course/351621?tuin=2b10d56
[JSON_-JSON]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/effee9f655c247f2a78d57a3e88bfcf0.png