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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
原生javascript实现简单的datagrid数据表格
Jan 02 Javascript
jQuery元素的隐藏与显示实例
Jan 20 Javascript
drag-and-drop实现图片浏览器预览
Aug 06 Javascript
js获取当前页的URL与window.location.href简单方法
Feb 13 Javascript
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
Angular 2父子组件之间共享服务通信的实现
Jul 04 Javascript
JS闭包的几种常见形式实例详解
Sep 16 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
JavaScript闭包相关知识解析
Oct 19 Javascript
JavaScript如何使用插值实现图像渐变
Jun 28 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制作静态网站的模板框架
2006/10/09 PHP
PHP中使用crypt()实现用户身份验证的代码
2012/09/05 PHP
探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数
2013/06/13 PHP
浅析php数据类型转换
2014/01/09 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
2016/04/11 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
2017/05/11 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
vue使用axios实现excel文件下载的功能
2020/07/16 Javascript
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
Python面向对象编程基础解析(二)
2017/10/26 Python
python xlsxwriter库生成图表的应用示例
2018/03/16 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
CSS3实现王者匹配时的粒子动画效果
2019/04/12 HTML / CSS
柯基袜:Corgi Socks
2017/01/26 全球购物
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
调查研究项目计划书
2014/04/29 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
活动经费申请报告
2015/05/15 职场文书
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL
JavaScript中10个Reduce常用场景技巧
2022/06/21 Javascript