JavaScript JSON使用原理及注意事项


Posted in Javascript onJuly 30, 2020

环境

  • vscode 1.46
  • Microsoft Edge 83

概念

JSON 是一种按照JavaScript对象语法的数据格式,这是 Douglas Crockford 推广的。

虽然它是基于 JavaScript 语法,但它独立于 JavaScript,这也是为什么许多程序环境能够读取(解读)和生成 JSON。

JSON可以作为一个对象或者字符串存在,前者用于解读 JSON 中的数据,后者用于通过网络传输 JSON 数据。

JavaScript 提供一个全局的 可访问的 JSON 对象来对这两种数据进行转换。

JSON 结构

{
 "squadName" : "Super hero squad",
 "homeTown" : "Metro City",
 "formed" : 2016,
 "secretBase" : "Super tower",
 "active" : true,
 "members" : [
  {
   "name" : "Molecule Man",
   "age" : 29,
   "secretIdentity" : "Dan Jukes",
   "powers" : [
    "Radiation resistance",
    "Turning tiny",
    "Radiation blast"
   ]
  },
  {
   "name" : "Madame Uppercut",
   "age" : 39,
   "secretIdentity" : "Jane Wilson",
   "powers" : [
    "Million tonne punch",
    "Damage resistance",
    "Superhuman reflexes"
   ]
  },
  {
   "name" : "Eternal Flame",
   "age" : 1000000,
   "secretIdentity" : "Unknown",
   "powers" : [
    "Immortality",
    "Heat Immunity",
    "Inferno",
    "Teleportation",
    "Interdimensional travel"
   ]
  }
 ]
}

JSON 数组

[
 {
  "name" : "Molecule Man",
  "age" : 29,
  "secretIdentity" : "Dan Jukes",
  "powers" : [
   "Radiation resistance",
   "Turning tiny",
   "Radiation blast"
  ]
 },
 {
  "name" : "Madame Uppercut",
  "age" : 39,
  "secretIdentity" : "Jane Wilson",
  "powers" : [
   "Million tonne punch",
   "Damage resistance",
   "Superhuman reflexes"
  ]
 }
]

其他注意事项

  • JSON 是一种纯数据格式,它只包含属性,没有方法。
  • JSON 要求有两头的 { } 来使其合法。最安全的写法是有两边的括号,而不是一边。
  • 甚至一个错位的逗号或分号就可以导致 JSON 文件出错。您应该小心的检查您想使用的数据(虽然计算机生成的 JSON 很少出错,只要生成程序正常工作)。您可以通过像 JSONLint 的应用程序来检验 JSON。
  • JSON 可以将任何标准合法的 JSON 数据格式化保存,不只是数组和对象。比如,一个单一的字符串或者数字可以是合法的 JSON 对象。虽然不是特别有用处……
  • 不像 JavaScript 标识符可以用作属性,在 JSON 中,只有字符串才能用作属性。

对象和文本间的转换

可以使用 JSON.stringify 和 JSON.parse 来进行对象和文本间的转换。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js checkbox(复选框) 使用集锦
Apr 28 Javascript
JavaScript判断浏览器类型的方法
Feb 10 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
Aug 04 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
简洁实用的BootStrap jQuery手风琴插件
Aug 31 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
解决vue无法设置滚动位置的问题
Oct 07 Javascript
解决JS表单验证只有第一个IF起作用的问题
Dec 04 Javascript
封装 axios+promise通用请求函数操作
Aug 11 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 #Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 #Javascript
如何用JS模拟实现数组的map方法
Jul 30 #Javascript
Vue性能优化的方法
Jul 30 #Javascript
vue props default Array或是Object的正确写法说明
Jul 30 #Javascript
Vue props中Object和Array设置默认值操作
Jul 30 #Javascript
vue prop传值类型检验方式
Jul 30 #Javascript
You might like
php error_log 函数的使用
2009/04/13 PHP
PHP 采集获取指定网址的内容
2010/01/05 PHP
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
js三种排序算法分享
2012/08/16 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
AngularJS实现网站换肤实例
2021/02/19 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
浅谈JS封闭函数、闭包、内置对象
2017/07/18 Javascript
Vue计算属性的使用
2017/08/04 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
2018/01/10 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
vue实现路由监听和参数监听
2019/10/29 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
用python写asp详细讲解
2013/12/16 Python
Python性能优化的20条建议
2014/10/25 Python
Python中List.index()方法的使用教程
2015/05/20 Python
Python脚本实现虾米网签到功能
2016/04/12 Python
python实现二分查找算法
2017/09/21 Python
浅析python打包工具distutils、setuptools
2018/04/20 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
如何使用Python实现自动化水军评论
2019/06/26 Python
施华洛世奇中国官网:SWAROVSKI中国
2020/06/16 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
会计毕业生自荐信
2013/11/21 职场文书
《锄禾》教学反思
2014/04/08 职场文书
政治学求职信
2014/06/03 职场文书
军训后的感想
2015/08/07 职场文书
2016初一新生军训心得体会
2016/01/11 职场文书
Oracle表空间与权限的深入讲解
2021/11/17 Oracle
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL
JavaScript正则表达式实现注册信息校验功能
2022/05/30 Java/Android
OpenFeign实现远程调用
2022/08/14 Java/Android