JSON基础入门实战讲解在线视频课程-JSON 使用 JavaScript 语法

快来打我* 2024-02-19 16:35 154阅读 0赞

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

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

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

  1. var employees = [
  2. { "firstName":"Bill" , "lastName":"Gates" },
  3. { "firstName":"George" , "lastName":"Bush" },
  4. { "firstName":"Thomas" , "lastName": "Carter" }
  5. ];

可以像这样访问 JavaScript 对象数组中的第一项：

  1. employees[0].lastName;

返回的内容是：

  1. Gates

可以像这样修改数据：

  1. employees[0].lastName = "Jobs";

完整代码：

  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>JSON 语法</title>
  6. </head>
  7. <body>
  9. <h2>通过 JSON 字符串来创建对象</h3>
  10. <p>First Name: <span id="fname"></span></p> 
  12. <script type="text/javascript">
  13. var employees = [
  14. { "firstName":"Bill" , "lastName":"Gates" },
  15. { "firstName":"George" , "lastName":"Bush" },
  16. { "firstName":"Thomas" , "lastName": "Carter" }
  17. ];
  18. employees[1].firstName="Jobs";
  19. document.getElementById("fname").innerHTML=employees[1].firstName;
  20. </script>
  22. </body>
  23. </html>

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

JSON基础入门实战讲解在线视频课程-JSON 使用 JavaScript 语法

发表评论

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

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

相关阅读