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 相关文章推荐
jquery不常用方法汇总
Jul 26 Javascript
简单实现jQuery进度条轮播实例代码
Jun 20 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
Jun 16 Javascript
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
浅谈gulp创建完整的项目流程
Dec 20 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
解决vue组件props传值对象获取不到的问题
Jun 06 Javascript
小程序瀑布流组件实现翻页与图片懒加载
May 19 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
Jul 20 Javascript
详解Vue中的watch和computed
Nov 09 Javascript
5个实用的JavaScript新特性
Jun 16 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扩展介绍与开发教程
2010/08/19 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
PHP识别二维码的方法(php-zbarcode安装与使用)
2016/07/07 PHP
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
jQuery实现瀑布流的取巧做法分享
2015/01/12 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
2016/06/28 Javascript
学习Node.js模块机制
2016/10/17 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
深入理解Vuex 模块化(module)
2017/09/26 Javascript
layui 表格的属性的显示转换方法
2018/08/14 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
微信小程序如何实现在线客服功能
2019/10/16 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
Python random模块常用方法
2014/11/03 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
详解django2中关于时间处理策略
2019/03/06 Python
Django中ajax发送post请求 报403错误CSRF验证失败解决方案
2019/08/13 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
春秋航空官方网站:Spring Airlines
2017/09/27 全球购物
劳力士官方珠宝商:J.R. Dunn Jewelers
2018/09/29 全球购物
纽约海:Sea New York
2018/11/04 全球购物
Haggar官网:美国男装品牌
2020/02/16 全球购物
潘多拉珠宝俄罗斯官方网上商店:PANDORA俄罗斯
2020/09/22 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
2014年药店店长工作总结
2014/11/17 职场文书
护士求职自荐信
2015/03/25 职场文书
高中生综合素质评价范文
2015/08/18 职场文书
详解Python中的进程和线程
2021/06/23 Python
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript