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

╰半橙微兮° 2024-02-19 16:35 65阅读 0赞

JSON 数组

JSON 数组在中括号中书写。
JSON 中数组值必须是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
JavaScript 中，数组值可以是以上的 JSON 数据类型，也可以是 JavaScript 的表达式，包括函数，日期，及 undefined。

微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：https://edu.csdn.net/topic/huangjuhua

JSON 对象中的数组

简易数组
代码如下：

  1. <!DOCTYPE html >
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title> </title>
  6. </head>
  7. <body>
  9. <p>数组的访问：</p>
  10. <p id="demo"></p>
  11. <p id="demo2"></p>
  13. <script>
  14. var myObj, x;
  15. myObj = [ "Google", "Runoob", "Taobao" ];
  16. x = myObj[0];
  17. document.getElementById("demo").innerHTML = x;
  18. </script>
  20. </body>
  21. </html>

效果如图
在这里插入图片描述

数组作为属性

代码如下

  1. { "name":"网站", "num":3, "sites":[ "Google", "Runoob", "Taobao" ] }

我们可以使用索引值来访问数组，实例：

  1. x = myObj.sites[0];

完整实例：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>JS中文教程网 8939.org</title>
  6. </head>
  7. <body>
  9. <p>访问 JSON 对象数组值。</p>
  10. <p id="demo"></p>
  12. <script>
  13. var myObj, x;
  14. myObj = {
  15.     "name":"网站",
  16.     "num":3,
  17.     "sites":[ "Google", "Runoob", "Taobao" ]
  18. }
  19. x = myObj.sites[0];
  20. document.getElementById("demo").innerHTML = x;
  21. </script>
  23. </body>
  24. </html>

效果如图
在这里插入图片描述
欢迎大家学习我的视频课程：JSON基础入门实战讲解在线视频课程
JSON基础入门实战讲解在线视频课程-JSON 数组的定义和访问

发表评论

表情：
评论列表 （有 0 条评论，65人围观）

还没有评论，来说两句吧...

相关阅读