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 常用代码技巧大收集
Feb 25 Javascript
PNG背景在不同浏览器下的应用
Jun 22 Javascript
编写可维护面向对象的JavaScript代码[翻译]
Feb 12 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
javascript使用 concat 方法对数组进行合并的方法
Sep 08 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
php简单数据库操作类的封装
Jun 08 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
React中使用async validator进行表单验证的实例代码
Aug 17 Javascript
基于JS实现一个随机生成验证码功能
May 29 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
Feb 15 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 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开发过程中关于继承的使用方法分享
2011/06/17 PHP
php中eval函数的危害与正确禁用方法
2014/06/30 PHP
YII路径的用法总结
2014/07/09 PHP
PHP常用正则表达式集锦
2014/08/17 PHP
Laravel日志用法详解
2016/10/09 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
Script的加载方法小结
2011/01/12 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
2013/08/11 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
JavaScript屏蔽Backspace键的实现代码
2017/11/02 Javascript
vue解决弹出蒙层滑动穿透问题的方法
2018/09/22 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
vue 函数调用加括号与不加括号的区别
2020/10/29 Javascript
python 合并文件的具体实例
2013/08/08 Python
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
2015/06/28 Python
解决Django数据库makemigrations有变化但是migrate时未变动问题
2018/05/30 Python
基于Python中求和函数sum的用法详解
2018/06/28 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
对pyqt5多线程正确的开启姿势详解
2019/06/14 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
详解python 破解网站反爬虫的两种简单方法
2020/02/09 Python
影视动画专业个人的自我评价
2013/12/31 职场文书
六查六看自查材料
2014/02/17 职场文书
《灰椋鸟》教学反思
2014/04/27 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
股东授权委托书范文
2014/09/13 职场文书
师德先进个人事迹材料
2014/12/19 职场文书
合作与交流自我评价
2015/03/09 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
读《工匠精神》有感:热爱工作,精益求精
2019/12/28 职场文书
如何有效防止sql注入的方法
2021/05/25 SQL Server
什么是Python装饰器?如何定义和使用?
2022/04/11 Python