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 相关文章推荐
FormValid0.5版本发布,带ajax自定义验证例子
Aug 17 Javascript
解决AJAX中跨域访问出现'没有权限'的错误
Aug 20 Javascript
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
Jan 07 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
angular源码学习第一篇 setupModuleLoader方法
Oct 20 Javascript
jQuery Validate 数组 全部验证问题
Jan 12 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
Sep 11 Javascript
Webpack的dll功能使用
Jun 28 Javascript
Vue 项目分环境打包的方法示例
Aug 03 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
Node.js学习教程之Module模块
Sep 03 Javascript
JavaScript TAB栏切换效果的示例
Nov 05 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 模拟POST|GET操作实现代码
2010/07/20 PHP
延长phpmyadmin登录时间的方法
2011/02/06 PHP
PHP中几个可以提高运行效率的代码写法、技巧分享
2014/08/21 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
PHP接口并发测试的方法(推荐)
2016/12/15 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
JS控制表格隔行变色
2006/06/26 Javascript
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
JavaScript面象对象设计
2008/04/28 Javascript
JQuery为textarea添加maxlength属性的代码
2010/04/07 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
Vue自定义指令详解
2017/07/28 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
jQuery实现动态生成年月日级联下拉列表示例
2019/05/11 jQuery
手写Vue2.0 数据劫持的示例
2021/03/04 Vue.js
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python 不关闭控制台的实现方法
2011/10/23 Python
Python实现测试磁盘性能的方法
2015/03/12 Python
详解Python中for循环的使用
2015/04/14 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Java编程迭代地删除文件夹及其下的所有文件实例
2018/02/10 Python
python range()函数取反序遍历sequence的方法
2018/06/25 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
Python 音频生成器的实现示例
2019/12/24 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
五年级学生评语
2014/04/22 职场文书
大学新闻系应届生求职信
2014/06/02 职场文书
大学生实习证明范本
2014/09/19 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
旅游安全责任协议书
2016/03/22 职场文书