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

 更新时间:2020年12月06日 21:37:03   作者:zishengY  
这篇文章主要介绍了10分钟学会js处理json的常用方法,需要的朋友可以参考下

一、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)

例子:

2、字符串转换为对象

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

JSON.parse( json.DATA )

//传入json字符串

四、全局替换字符串

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

五、遍历json对象和json数组

1、遍历JSON对象

代码如下:

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

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);
}

附录

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

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

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

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

相关文章

  • 任意Json转成无序列表的方法示例

    任意Json转成无序列表的方法示例

    这篇文章主要给大家介绍了任意Json如何转成无序列表,文中给出了详细的示例代码,相信对大家的理解和学习具有一定的参考借鉴价值,有需要的朋友们下面跟着小编来一起学习学习吧。
    2016-12-12
  • JSONP 跨域共享信息

    JSONP 跨域共享信息

    JSONP(JSON with Padding)是资料格式 JSON 的一种“使用模式”,可以让网页从别的网域要资料。另一个解决这个问题的新方法是跨来源资源共享
    2012-08-08
  • 浅谈JSON中stringify 函数、toJosn函数和parse函数

    浅谈JSON中stringify 函数、toJosn函数和parse函数

    这篇文章主要介绍了浅谈JSON中stringify 函数、toJosn函数和parse函数,需要的朋友可以参考下
    2015-01-01
  • 用 JSON 处理缓存

    用 JSON 处理缓存

    用 JSON 处理缓存...
    2007-04-04
  • json实现前后台的相互传值详解

    json实现前后台的相互传值详解

    这篇文章主要介绍了json实现前后台的相互传值详解,需要的朋友可以参考下
    2015-01-01
  • JSONP之我见

    JSONP之我见

    本文主要向大家介绍了个人对于jsonp的理解,jsonp的概念,跨域问题,以及jsonp与XMLHttpRequest的区别,由于本人也是javascript的初学者,难免会有些不当之处,还请指正,谢谢。
    2015-03-03
  • js中将字符串转换成json的三种方式

    js中将字符串转换成json的三种方式

    使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON )。
    2011-01-01
  • 深入浅析同源与跨域,jsonp(函数封装),CORS原理

    深入浅析同源与跨域,jsonp(函数封装),CORS原理

    这篇文章主要介绍了同源与跨域,jsonp(函数封装),CORS原理,从同源政策中Ajax限制,到跨域问题以及跨域问题的解决方法帮大家更加深入的去了解其中原理
    2021-08-08
  • JSON 客户端和服务器端的格式转换

    JSON 客户端和服务器端的格式转换

    JSON是JavaScript Object Notation的缩写。JSON是个轻量级的用于服务器端和客户端交换数据的数据格式。它经常会用在ajax应用上,是因为它是基于ajax对象的格式定义出来的。
    2009-08-08
  • json跟xml的对比分析

    json跟xml的对比分析

    JSON和XML的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。
    2008-06-06

最新评论