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 相关文章推荐
ExtJS 2.0实用简明教程之应用ExtJS
Apr 29 Javascript
精通JavaScript 纠正 cleanWhitespace函数
Mar 11 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
js 金额格式化来回转换示例
Feb 23 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
jquery插件之文字间歇自动向上滚动效果代码
Feb 25 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
JS实现的字符串数组去重功能小结
Jun 17 Javascript
JS查找孩子节点简单示例
Jul 25 Javascript
微信小程序实现日历签到
Sep 21 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创建多级目录的方法
2015/03/24 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
php中array_unshift()修改数组key注意事项分析
2016/05/16 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
javascript之锁定表格栏位
2007/06/29 Javascript
对之前写的jquery分页做下升级
2014/06/19 Javascript
基于JS2Image实现圣诞树代码
2015/12/24 Javascript
2016年最热门的15 款代码语法高亮工具,美化你的代码
2016/01/06 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
2016/06/22 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
JavaScript中变量提升机制示例详解
2019/12/27 Javascript
微信小程序使用自定义组件导航实现当前页面高亮
2020/01/02 Javascript
JavaScript中layim之整合右键菜单的示例代码
2021/02/06 Javascript
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
莫斯科绝对前卫最秘密的商店:SVMoscow
2017/10/23 全球购物
GOOD AMERICAN官网:为曲线性感而设计
2017/12/28 全球购物
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
安全生产大检查方案
2014/05/07 职场文书
考博专家推荐信
2014/05/10 职场文书
2014年客户经理工作总结
2014/11/20 职场文书
护士实习自荐信
2015/03/06 职场文书
我是特种兵观后感
2015/06/11 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
利用Nginx代理如何解决前端跨域问题详析
2021/04/02 Servers
SQL注入的实现以及防范示例详解
2021/06/02 MySQL
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers