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 相关文章推荐
js弹窗代码 可以指定弹出间隔
Jul 03 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
Dec 04 Javascript
一个字符串反转函数可实现字符串倒序
Sep 15 Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
js实现的星星评分功能函数
Dec 09 Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 Javascript
angular使用post、get向后台传参的问题实例
May 27 Javascript
Angular4学习笔记之根模块与Ng模块
Sep 09 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 jQuery
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
JavaScript 高性能数组去重的方法
Sep 20 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 字符串操作入门教程
2006/12/06 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
javascript document.execCommand() 常用解析
2009/12/14 Javascript
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
node通过express搭建自己的服务器
2017/09/30 Javascript
JS实现简易换图时钟功能分析
2018/01/04 Javascript
bootstrap下拉分页样式 带跳转页码
2018/12/29 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
pycharm 使用心得(五)断点调试
2014/06/06 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
浅析PHP与Python进行数据交互
2018/05/15 Python
pyqt5的QComboBox 使用模板的具体方法
2018/09/06 Python
python顺序执行多个py文件的方法
2019/06/29 Python
pandas计算最大连续间隔的方法
2019/07/04 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
宿舍保安职务说明书
2014/02/25 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
大学生推广普通话演讲稿
2014/09/21 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
幼儿园端午节活动总结
2015/05/05 职场文书
法院执行局工作总结
2015/08/11 职场文书
你有一份《诚信考试承诺书》待领取
2019/11/13 职场文书
Python Numpy库的超详细教程
2022/04/06 Python
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS