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

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

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

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

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

var employees = [
    { "firstName":"Bill" , "lastName":"Gates" },
    { "firstName":"George" , "lastName":"Bush" },
    { "firstName":"Thomas" , "lastName": "Carter" }
    ];

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

employees[0].lastName;

返回的内容是：

Gates

可以像这样修改数据：

employees[0].lastName = "Jobs";

完整代码：

<!DOCTYPE html >
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JSON 语法</title>
    </head>
    <body>
    
    <h2>通过 JSON 字符串来创建对象</h3>
    <p>First Name: <span id="fname"></span></p> 
    
    <script type="text/javascript">
    var employees = [
    { "firstName":"Bill" , "lastName":"Gates" },
    { "firstName":"George" , "lastName":"Bush" },
    { "firstName":"Thomas" , "lastName": "Carter" }
    ];
    employees[1].firstName="Jobs";
    document.getElementById("fname").innerHTML=employees[1].firstName;
    </script>
    
    </body>
    </html>

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

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

[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[20190124140002184.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/0fb9249cfbe0485fa104af75a65f8f8b.png
[JSON]: https://ke.qq.com/course/351621?tuin=2b10d56
[JSON_-JSON _ JavaScript]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/79bbcdf800da499883c16c765a745ba3.png