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 Firefox3.5中操作select的问题
Jul 10 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
May 03 Javascript
解析Javascript小括号“()”的多义性
Dec 03 Javascript
jQuery异步验证用户名是否存在示例代码
May 21 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
初识Javascript小结
Jul 16 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 Javascript
JS 实现随机验证码功能
Feb 15 Javascript
vue+web端仿微信网页版聊天室功能
Apr 30 Javascript
微信小程序 授权登录详解(附完整源码)
Aug 23 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 Javascript
Vue 实现拨打电话操作
Nov 16 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下正则来匹配dede模板标签的代码
2010/08/21 PHP
php实现文件下载简单示例(代码实现文件下载)
2014/03/10 PHP
php遍历目录方法小结
2015/03/10 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
详解php命令注入攻击
2019/04/06 PHP
ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例
2020/02/07 PHP
JavaScript 事件参考手册
2008/12/24 Javascript
js去空格技巧分别去字符串前后、左右空格
2013/10/21 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
dreamweaver 8实现Jquery自动提示
2014/12/04 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
JQueryDOM之样式操作
2019/03/27 jQuery
[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic
2018/04/02 DOTA
Python subprocess模块详细解读
2018/01/29 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
Python单元测试实例详解
2018/05/25 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
Python如何调用JS文件中的函数
2019/08/16 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
python标准库os库的函数介绍
2020/02/12 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
一款利用html5和css3动画排列人物头像的实例演示
2014/12/05 HTML / CSS
亚洲独特体验旅游专家:eOasia
2018/08/15 全球购物
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
2014党员自我评议表范文
2014/09/20 职场文书
电子商务实训报告总结
2014/11/05 职场文书
《雪地里的小画家》教学反思
2016/02/16 职场文书
Python Numpy库的超详细教程
2022/04/06 Python