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学习笔记之jQuery构建函数的7种方法
Jun 03 Javascript
js实现局部页面打印预览原理及示例代码
Jul 03 Javascript
jQuery实现表单提交时判断的方法
Dec 13 Javascript
javascript实现图片上传前台页面
Aug 18 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
使用JS编写的随机抽取号码的小程序
Aug 11 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
9种方法优化jQuery代码详解
Feb 04 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
微信小程序自定义底部弹出框功能
Nov 18 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截取汉字乱码问题解决方法mb_substr函数的应用
2008/03/30 PHP
php网站地图生成类示例
2014/01/13 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
在视频前插入广告
2006/11/20 Javascript
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
PHP获取当前页面完整URL的方法
2016/12/02 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
2017/06/01 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
javascript数据类型中的一些小知识点(推荐)
2019/04/18 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
Ubuntu下创建虚拟独立的Python环境全过程
2017/02/10 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
Python中py文件引用另一个py文件变量的方法
2018/04/29 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
什么叫做SQL注入,如何防止
2016/10/04 面试题
数学系毕业生的自我评价
2014/01/10 职场文书
先进德育工作者事迹材料
2014/01/24 职场文书
小学生国庆演讲稿
2014/09/05 职场文书
初中作文评语集锦
2014/12/25 职场文书
学校食品安全责任书
2015/01/29 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
Nginx工作模式及代理配置的使用细节
2022/03/21 Servers
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android