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开发随笔二 动态加载js和文件
Nov 25 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
Dec 11 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
JS截取url中问号后面参数的值信息
Apr 29 Javascript
Underscore源码分析
Dec 30 Javascript
javascript使用Promise对象实现异步编程
Mar 01 Javascript
JavaScript 对象详细整理总结
Sep 29 Javascript
jQuery的Read()方法代替原生JS详解
Nov 08 Javascript
写给vue新手们的vue渲染页面教程
Sep 01 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
Mar 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获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
PHP函数积累总结
2019/03/19 PHP
走出JavaScript初学困境—js初学
2008/12/29 Javascript
新手常遇到的一些jquery问题整理
2010/08/16 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
2012/02/27 Javascript
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
JQuery实现鼠标移动到图片上显示边框效果
2014/01/09 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
2015/06/05 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
JavaScript体验异步更好的解决办法
2018/01/08 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
Python 和 JS 有哪些相同之处
2017/11/23 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
Python绘制股票移动均线的实例
2019/08/24 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
船舶工程技术专业求职信
2014/08/07 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
特此通知格式
2015/04/27 职场文书
工作收入证明范本
2015/06/12 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript
深入理解Pytorch微调torchvision模型
2021/11/11 Python