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 isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
常用一些Javascript判断函数
Aug 14 Javascript
jquery文字上下滚动的实现方法
Mar 22 Javascript
jquery控制左右箭头滚动图片列表的实例
May 20 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
jQuery Real Person验证码插件防止表单自动提交
Nov 06 Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 Javascript
JQuery手速测试小游戏实现思路详解
Sep 20 Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 Javascript
js模拟支付宝密码输入框
Apr 11 Javascript
浅谈angular4实际项目搭建总结
Dec 01 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+xslt在windows平台上
2006/10/09 PHP
php google或baidu分页代码
2009/11/26 PHP
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
深入php socket的讲解与实例分析
2013/06/13 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
在IE浏览器中resize事件执行多次的解决方法
2011/07/12 Javascript
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
原生js实现类似弹窗抖动效果
2015/04/02 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
javascript实现框架高度随内容改变的方法
2015/07/23 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
Vue computed计算属性的使用方法
2017/07/14 Javascript
Vue.js实现列表清单的操作方法
2017/11/15 Javascript
jQuery实现ajax回调函数带入参数的方法示例
2018/06/26 jQuery
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
js实现点击按钮随机生成背景颜色
2020/09/05 Javascript
Python入门篇之正则表达式
2014/10/20 Python
python下载图片实现方法(超简单)
2017/07/21 Python
python实现BackPropagation算法
2017/12/14 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
Python类的继承用法示例
2019/01/31 Python
django模板结构优化的方法
2019/02/28 Python
python的re模块使用方法详解
2019/07/26 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
Servlet方面面试题
2016/09/28 面试题
管事部库房保管员岗位职责
2014/02/21 职场文书
网站创业计划书
2014/04/30 职场文书
加油口号大全
2014/06/13 职场文书
2016年会领导致辞稿
2015/07/29 职场文书
用Python实现屏幕截图详解
2022/01/22 Python