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 相关文章推荐
nicejforms——美化表单不用愁
Feb 20 Javascript
js获取当前select 元素值的代码
Apr 19 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
Jan 25 Javascript
javascript中活灵活现的Array对象详解
Nov 30 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
javascript实现手动点赞效果
Apr 09 Javascript
es6数组之扩展运算符操作实例分析
Apr 25 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函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
深入php多态的实现详解
2013/06/09 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
2010/10/26 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
JS设置下拉列表框当前所选值的方法
2015/12/22 Javascript
jQuery.Form上传文件操作
2017/02/05 Javascript
Angular开发者指南之入门介绍
2017/03/05 Javascript
JavaScript设计模式之策略模式详解
2017/06/09 Javascript
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
JS库之Highlight.js的用法详解
2017/09/13 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
js实现rem自动匹配计算font-size的示例
2017/11/18 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
Python批量转换文件编码格式
2015/05/17 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
Python2和Python3中print的用法示例总结
2017/10/25 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
Python 编程速成(推荐)
2019/04/15 Python
TensorFlow2.1.0最新版本安装详细教程
2020/04/08 Python
Python实现淘宝秒杀功能的示例代码
2021/01/19 Python
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
安全生产检查通报
2014/01/29 职场文书
迟到检讨书300字
2014/02/14 职场文书
出纳员的岗位职责
2014/02/22 职场文书
2015年元旦活动总结
2014/05/09 职场文书
给校长的建议书200字
2014/05/16 职场文书
国家助学金受助感言
2015/08/01 职场文书
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers