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背投广告代码的完善
Apr 08 Javascript
jquery ajax 登录验证实现代码
Sep 23 Javascript
Bootstrap的基本应用要点浅析
Dec 19 Javascript
js HTML5 canvas绘制图片的方法
Sep 08 Javascript
微信小程序显示下拉列表功能【附源码下载】
Dec 12 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
May 23 Javascript
基于js实现抽红包并分配代码实例
Sep 19 Javascript
js实现的在本地预览图片功能示例
Nov 09 Javascript
javascript实现商品图片放大镜
Nov 28 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 11 Javascript
Node.js API详解之 net模块实例分析
May 18 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 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反转字符串函数strrev()函数的用法
2012/02/04 PHP
php使用正则过滤js脚本代码实例
2014/05/10 PHP
JQuery的Ajax跨域请求原理概述及实例
2013/04/26 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
教你使用javascript简单写一个页面模板引擎
2015/05/05 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
前端MVVM框架解析之双向绑定
2018/01/24 Javascript
基于vue.js实现的分页
2018/03/13 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
wxpython 学习笔记 第一天
2009/02/09 Python
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
Python文本特征抽取与向量化算法学习
2017/12/22 Python
对Python 内建函数和保留字详解
2018/10/15 Python
Python创建一个空的dataframe,并循环赋值的方法
2018/11/08 Python
python实现基于信息增益的决策树归纳
2018/12/18 Python
英国护发和美妆在线商店:Klip Shop
2019/03/24 全球购物
新媒传信软件测试面试题
2013/02/24 面试题
Servlet如何得到客户端机器的信息
2014/10/17 面试题
表彰先进的通报
2014/01/31 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
医学生自荐信范文
2015/03/05 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
工作年限证明范本
2015/06/15 职场文书
员工考勤管理制度
2015/08/06 职场文书
校园运动会广播稿
2015/08/19 职场文书
2015年幼儿园师德师风建设工作总结
2015/10/23 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
创业计划书之家教托管
2019/09/25 职场文书