JavaScript JSON数据处理全集(小结)


Posted in Javascript onAugust 15, 2019

JSON 语法

JavaScript 对象表示语法的子集。

  • 数据在名称/值对中
  • 数据由逗号分隔
  • 大括号保存对象
  • 中括号保存数组

JSON 取值类型

  • 数字(整数或浮点数)
  • 字符串(在双引号中)
  • 逻辑值(true 或 false)
  • 数组(在中括号中)
  • 对象(在大括号中)
  • null

 JSON对象

{ "name":"boonya", "alexa":10000, "site":null }

JSON 对象使用在大括号({})中书写。

对象可以包含多个 key/value(键/值)对。

key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。

key 和 value 中使用冒号(:)分割。

每个 key/value 对使用逗号(,)分割。

JSON 数组

[ "Google", "Tencent", "Taobao" ]
或
[ {"name":"Google"},{"name": "Tencent"}, {"name":"Taobao"} ]
或
{
 "data":[ {"name":"Google"},{"name": "Tencent"}, {"name":"Taobao"} ]
}

JSON 数组在中括号中书写。

JSON 中数组值必须是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。

JavaScript 中,数组值可以是以上的 JSON 数据类型,也可以是 JavaScript 的表达式,包括函数,日期,及 undefined

JSON字符串数据转对象:JSON.parse()

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

JSON.parse(text[, reviver])

参数说明:

  • text:必需, 一个有效的 JSON 字符串。
  • reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。

对象转字符串JSON数据:JSON.stringify()

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

JSON.stringify(value[, replacer[, space]])

参数说明:

  • value:

必需, 要转换的 JavaScript 值(通常为对象或数组)。

  • replacer:

可选。用于转换结果的函数或数组。

如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。

如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。

  • space:

可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
浅析jQuery的链式调用之each函数
Dec 03 Javascript
JS实现点击下载的小例子
Jul 10 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
JavaScript数组去重的两种方法推荐
Apr 05 Javascript
AngularJS实践之使用NgModelController进行数据绑定
Oct 08 Javascript
Javascript基础回顾之(一) 类型
Jan 31 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
Mar 09 Javascript
基于webpack 实用配置方法总结
Sep 28 Javascript
完美解决axios在ie下的兼容性问题
Mar 05 Javascript
Vue 递归多级菜单的实例代码
May 05 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 Vue.js
JointJS JavaScript流程图绘制框架解析
Aug 15 #Javascript
基于vue写一个全局Message组件的实现
Aug 15 #Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 #Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 #Javascript
超详细的5个Shell脚本实例分享(值得收藏)
Aug 15 #Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 #Javascript
原生js实现的移动端可拖动进度条插件功能详解
Aug 15 #Javascript
You might like
PHP取整数函数常用的四种方法小结
2012/07/05 PHP
php加密解密字符串示例
2016/10/13 PHP
jQuery解决iframe高度自适应代码
2009/12/20 Javascript
brook javascript框架介绍
2011/10/10 Javascript
javascript中常用编程知识
2013/04/08 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
JavaScript中setter和getter方法介绍
2016/07/11 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
简单实现jQuery多选框功能
2017/01/09 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
websocket+node.js实现实时聊天系统问题咨询
2017/05/17 Javascript
vue项目优化之通过keep-alive数据缓存的方法
2017/12/11 Javascript
详解vue-cli之webpack3构建全面提速优化
2017/12/25 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
jquery应用实例分享_实现手风琴特效
2018/02/01 jQuery
基于webpack4搭建的react项目框架的方法
2018/06/30 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
tensorflow 实现打印pb模型的所有节点
2020/01/23 Python
浅谈Python中threading join和setDaemon用法及区别说明
2020/05/02 Python
美国内衣品牌:Leonisa
2016/08/14 全球购物
回门宴新郎答谢词
2014/01/12 职场文书
检举信的格式及范文
2014/04/04 职场文书
询价采购方案
2014/06/09 职场文书
2014年学前班工作总结
2014/12/08 职场文书
团代会闭幕词
2015/01/28 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
详解Oracle块修改跟踪功能
2021/11/07 Oracle
Python实现自动玩连连看的脚本分享
2022/04/04 Python