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对JSON进行模式匹配(Part 1-设计)
Jul 17 Javascript
一个JQuery操作Table的代码分享
Mar 30 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
Aug 27 Javascript
浅谈JavaScript的全局变量与局部变量
Jun 10 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
Nov 28 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
angular 用拦截器统一处理http请求和响应的方法
Jun 08 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
详解easyui基于 layui.laydate日期扩展组件
Jul 18 Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 Javascript
浅谈javascript错误处理
Aug 11 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
中国收音机工业发展史
2021/03/02 无线电
ADODB的数据库封包程序库
2006/12/31 PHP
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
PHP中文件缓存转内存缓存的方法
2011/12/06 PHP
php禁止浏览器使用缓存页面的方法
2014/11/07 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
PHP内核学习教程之php opcode内核实现
2016/01/27 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
表单元素的submit()方法和onsubmit事件应用概述
2013/02/01 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
javascript创建对象、对象继承的实用方式详解
2016/03/08 Javascript
基于JS实现省市联动效果代码分享
2016/06/06 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
js简易版购物车功能
2017/06/17 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
js中的面向对象之对象常见创建方法详解
2019/12/16 Javascript
JS实现滑动插件
2020/01/15 Javascript
javascript canvas API内容整理
2020/02/16 Javascript
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python3调用R的示例代码
2018/02/23 Python
python 限制函数调用次数的实例讲解
2018/04/21 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
关于Django Models CharField 参数说明
2020/03/31 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
详解Python 中的容器 collections
2020/08/17 Python
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
Linux内核产生并发的原因
2012/07/13 面试题
竞选副班长演讲稿
2014/04/24 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
2014年煤矿工人工作总结
2014/12/08 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
婚宴新娘致辞
2015/07/28 职场文书
元素水平垂直居中的方式
2021/03/31 HTML / CSS
JS class语法糖的深入剖析
2022/07/07 Javascript