10分钟学会js处理json的常用方法


Posted in Javascript onDecember 06, 2020

一、json定义

JSON ( JavaScript Object Notation) ,它是一串字符串 只不过元素会使用特定的符号标注。

  • {} 双括号表示对象
  • [] 中括号表示数组
  • "" 双引号内是属性或值
  • : 冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)

JSON 语法是 JavaScript 对象表示法语法的子集。
数据在名称/值对中、数据由逗号分隔、花括号保存对象、方括号保存数组

JSON 值可以是:数字(整数或浮点数)、字符串(在双引号中)、逻辑值(true 或 false)、数组(在方括号中)、对象(在花括号中)、null

所以 {"name": "Michael"} 可以理解为是一个包含name为Michael的对象

二、为什么用json

  1. JSON是纯文本格式,是独立于语言和平台的。
  2. 生成和解析相对于XML而言要简单。
  3. 读写的速度更快。

三、JS 内置两个Json方法

1、对象转化为字符串

任何把 JavaScript 变成 Json ,就是把这个对象序列化为Json字符串,然后才可以通过网络传递;

JSON.stringify( {} , [ ] , "")

//参数一 :要序列化的数据(object)
//参数二 :控制对象的键值,只想输出指定的属性,传入一个数组
//参数三 :序列化后,打印输出的格式(一个Tab ,可以更直观查看json)

例子:

10分钟学会js处理json的常用方法

2、字符串转换为对象

如果我们收到一个JSON格式的字符串,只需要把它反序列化成一个JavaScript对象,就可以在JavaScript中直接使用这个对象了

JSON.parse( json.DATA )

//传入json字符串

10分钟学会js处理json的常用方法

四、全局替换字符串

这里我们需要用JS实现replaceAll的功能, 将所有的 ' xa" ' 替换成 ' " ' .
代码如下,这里的gm是固定的,g表示global,m表示multiple,也可以使用正则表达式

10分钟学会js处理json的常用方法

五、遍历json对象和json数组

1、遍历JSON对象

代码如下:

var packJson = {"name":"Liza", "password":"123"} ;
for(var k in packJson ){//遍历packJson 对象的每个key/value对,k为key
alert(k + " " + packJson[k]);
}

10分钟学会js处理json的常用方法

10分钟学会js处理json的常用方法

2、遍历JSON数组

代码如下:

var packJson = [{"name":"Liza", "password":"123"}, {"name":"Mike", "password":"456"}];
for(var i in packJson){//遍历packJson 数组时,i为索引
alert(packJson[i].name + " " + packJson[i].password);
}

10分钟学会js处理json的常用方法

10分钟学会js处理json的常用方法

附录

学习本就是一个不断模仿、练习、再到最后面自己原创的过程。

虽然可能从来不能写出超越网上通类型同主题博文,但为什么还是要写?
于自己而言,博文主要是自己总结。假设自己有观众,毕竟讲是最好的学(见下图)。

于读者而言,笔者能在这个过程get到知识点,那就是双赢了。
当然由于笔者能力有限,或许文中存在描述不正确,欢迎指正、补充!
感谢您的阅读。如果本文对您有用,那么请点赞鼓励。

10分钟学会js处理json的常用方法

到此这篇关于10分钟学会js处理json的常用方法的文章就介绍到这了,更多相关js处理json方法内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
JavaScript学习笔记记录我的旅程
May 23 Javascript
jQuery cdn使用介绍
May 08 Javascript
JavaScript中的ArrayBuffer详细介绍
Dec 08 Javascript
使用AngularJS 应用访问 Android 手机的图片库
Mar 24 Javascript
JavaScript中标识符提升问题
Jun 11 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
js实现翻牌小游戏
Jul 31 Javascript
JavaScript中的几种继承方法示例
Dec 06 #Javascript
js调用网络摄像头的方法
Dec 05 #Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 #Vue.js
vue+element_ui上传文件,并传递额外参数操作
Dec 05 #Vue.js
JavaScript实现浏览器网页自动滚动并点击的示例代码
Dec 05 #Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 #Vue.js
js获取图片的base64编码并压缩
Dec 05 #Javascript
You might like
php下用GD生成生成缩略图的两个选择和区别
2007/04/17 PHP
php 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
jQuery使用数组编写图片无缝向左滚动
2012/12/11 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
常用原生JS兼容性写法汇总
2016/04/27 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
jQuery使用正则表达式限制文本框只能输入数字
2016/06/18 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
2019/06/24 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
vue基于v-charts封装双向条形图的实现代码
2019/12/09 Javascript
下载糗事百科的内容_python版
2008/12/07 Python
Python 文件操作实现代码
2009/10/07 Python
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
使用Python+Splinter自动刷新抢12306火车票
2018/01/03 Python
Python编写Windows Service服务程序
2018/01/04 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
python中pytest收集用例规则与运行指定用例详解
2019/06/27 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
python同步两个文件夹下的内容
2019/08/29 Python
Python3 合并二叉树的实现
2019/09/30 Python
解决Django no such table: django_session的问题
2020/04/07 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
高级Java程序员面试题
2016/06/23 面试题
普通大学毕业生自荐信
2013/11/04 职场文书
小学教师自我鉴定
2013/11/07 职场文书
恐龙的灭绝教学反思
2014/02/12 职场文书
学校安全防火方案
2014/06/07 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
2014学习十八届四中全会精神思想汇报范文
2014/10/23 职场文书
2015年国庆节活动总结
2015/03/23 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书