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 Accessor实现说明
Dec 06 Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
Jan 16 Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 Javascript
jQuery选择器全面总结
Jan 06 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
jQuery post数据至ashx实例详解
Nov 18 Javascript
Bootstrap 3 按钮标签实例代码
Feb 21 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
Apr 12 Javascript
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 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程序61条面向对象分析设计的经验小结
2008/11/12 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
Laravel配合jwt使用的方法实例
2020/10/25 PHP
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
onbeforeunload与onunload事件异同点总结
2013/06/24 Javascript
jquery获得keycode的示例代码
2013/12/30 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
javascript事件绑定学习要点
2016/03/09 Javascript
javascript html5移动端轻松实现文件上传
2020/03/27 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
javascript轮播图算法
2016/10/21 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
toString.call()通用的判断数据类型方法示例
2020/08/28 Javascript
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
对python PLT中的image和skimage处理图片方法详解
2019/01/10 Python
python实现可变变量名方法详解
2019/07/01 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
Python自省及反射原理实例详解
2020/07/06 Python
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
C语言笔试题回忆
2015/04/02 面试题
感恩节活动方案
2014/01/27 职场文书
销售助理岗位职责
2014/02/21 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
小学音乐教师个人工作总结
2015/02/05 职场文书
自我评价优缺点范文
2015/03/11 职场文书
redis客户端实现高可用读写分离的方式详解
2021/07/04 Redis
go goroutine 怎样进行错误处理
2021/07/16 Golang
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android