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实现2048游戏示例
May 04 Javascript
jQuery实现延迟跳转的方法
Jun 05 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
jQueryUI Datepicker组件设置日期高亮
Oct 13 Javascript
react实现菜单权限控制的方法
Dec 11 Javascript
JS中验证整数和小数的正则表达式
Oct 08 Javascript
微信小程序实现自动定位功能
Oct 31 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
Nov 26 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 Javascript
原生js实现下拉框选择组件
Jan 20 Javascript
vue-cli中实现响应式布局的方法
Mar 02 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
桌面中心(四)数据显示
2006/10/09 PHP
php木马攻击防御之道
2008/03/24 PHP
PHP页面跳转操作实例分析(header方法)
2016/09/28 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
HTTP头隐藏PHP版本号实现过程解析
2020/12/09 PHP
js 页面执行时间计算代码
2009/03/04 Javascript
jquery.validate使用攻略 第三部
2010/07/01 Javascript
使用jquery为table动态添加行的实现代码
2011/03/30 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
Bootstrap基础学习
2015/06/16 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
vue组件间通信解析
2017/03/01 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
Vue.js 2.0 移动端拍照压缩图片预览及上传实例
2017/04/27 Javascript
基于axios封装fetch方法及调用实例
2018/02/05 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
用Python输出一个杨辉三角的例子
2014/06/13 Python
python避免死锁方法实例分析
2015/06/04 Python
python3中property使用方法详解
2019/04/23 Python
用django设置session过期时间的方法解析
2019/08/05 Python
python super用法及原理详解
2020/01/20 Python
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
销售类个人求职信范文
2013/09/25 职场文书
比赛口号大全
2014/06/10 职场文书
2014年领班工作总结
2014/11/25 职场文书
房租涨价通知
2015/04/23 职场文书
2015年度残疾人工作总结
2015/05/14 职场文书
大学生党课感想
2015/08/11 职场文书
八年级英语教学反思
2016/02/15 职场文书
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript
Win11快速关闭所有广告推荐
2022/04/19 数码科技