 |
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：Uni-app入门到精通教程 > 4.2.2 JSON 使用 JavaScript 语法 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 4.2.1 JSON 语法规则 | 下一篇： 4.3 JSON 对象 |
4.2.2 JSON 使用 JavaScript 语法因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。 通过 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> 效果如图8-2。
【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.2.1 JSON 语法规则 | 下一篇： 4.3 JSON 对象 |
