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 相关文章推荐
JavaScript使用function定义对象并调用的方法
Mar 23 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
Jqgrid之强大的表格插件应用
Dec 02 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
微信小程序实现弹出菜单动画
Jun 21 Javascript
vue 地区选择器v-distpicker的常用功能
Jul 23 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 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读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
php弹出对话框实现重定向代码
2014/01/23 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
php设计模式之委托模式
2016/02/13 PHP
ThinkPHP3.2.3实现分页的方法详解
2016/06/03 PHP
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
jquery $(document).ready()和window.onload的区别浅析
2015/02/04 Javascript
js同源策略详解
2015/05/21 Javascript
javascript页面倒计时实例
2015/07/25 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
2018/09/07 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
图解JS原型和原型链实现原理
2020/09/15 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
2020/09/21 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
python检测远程udp端口是否打开的方法
2015/03/14 Python
python爬取内容存入Excel实例
2019/02/20 Python
python pyinstaller 加载ui路径方法
2019/06/10 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
python实现人工蜂群算法
2020/09/18 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
纯CSS打造(无图像无js)的非常流行的讲话(语音)气泡效果
2012/12/28 HTML / CSS
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
会计自我鉴定
2014/02/04 职场文书
设计顾问服务计划书
2014/05/04 职场文书
企业标语口号
2014/06/10 职场文书
建筑工地宣传标语
2014/06/18 职场文书
JavaScript获取URL参数的方法分享
2022/04/07 Javascript
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python