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 相关文章推荐
javascript 可以拖动的DIV(二)
Jun 26 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
BootStrap tab选项卡使用小结
Aug 09 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
vue项目环境变量配置的实现方法
Oct 12 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
uni app仿微信顶部导航条功能
Sep 17 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
Aug 30 Javascript
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实现图形显示Ip地址的代码及注释
2014/01/20 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
js中eval详解
2012/03/30 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
2014/08/18 Javascript
JavaScript 变量、作用域及内存
2015/04/08 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
2016/03/29 Javascript
js调用webservice构造SOAP进行身份验证
2016/04/27 Javascript
angularJS 如何读写缓冲的方法(推荐)
2016/08/06 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
详解vue-cli构建项目反向代理配置
2017/09/07 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
2018/08/04 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
vue实现计算器功能
2020/02/22 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
Python爬取阿拉丁统计信息过程图解
2020/05/12 Python
Python+PyQt5+MySQL实现天气管理系统
2020/06/16 Python
python中entry用法讲解
2020/12/04 Python
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
大学生毕业自我评价范文分享
2013/11/07 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
紧急通知
2015/04/17 职场文书
同事欢送会致辞
2015/07/31 职场文书
公司岗位说明书
2015/10/08 职场文书