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 更严格的相等 [译]
Sep 20 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
JavaScript改变CSS样式的方法汇总
May 07 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 Javascript
基于bootstrop常用类总结(推荐)
Sep 11 Javascript
bootstrap select下拉搜索插件使用方法详解
Nov 23 Javascript
零基础之Node.js搭建API服务器的详解
Mar 08 Javascript
通过实例讲解JS如何防抖动
Jun 15 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 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数组函数序列 之array_count_values() 统计数组中所有值出现的次数函数
2011/10/29 PHP
php通过获取头信息判断图片类型的方法
2015/06/26 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
php微信开发之谷歌测距
2018/06/14 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
JavaScript参数个数可变的函数举例说明
2014/10/10 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
2016/09/04 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
vue实现动态显示与隐藏底部导航的方法分析
2019/02/11 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
JS实现电商商品展示放大镜特效
2020/01/07 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
手把手带你搭建一个node cli的方法示例
2020/08/07 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
跟老齐学Python之编写类之二方法
2014/10/11 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
Python使用爬虫猜密码
2016/02/19 Python
Windows下Python使用Pandas模块操作Excel文件的教程
2016/05/31 Python
Python实现的质因式分解算法示例
2018/05/03 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
Python Django 前后端分离 API的方法
2019/08/28 Python
python3实现单目标粒子群算法
2019/11/14 Python
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
动态密码技术
2012/10/18 面试题
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
高中毕业生登记表自我鉴定范文
2014/03/18 职场文书
联谊活动总结范文
2015/05/09 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
会计专业自荐信范文
2019/05/22 职场文书