首页前端开发JavaScriptjavascript中的json方法有哪些

javascript中的json方法有哪些

时间2024-01-29 21:38:03发布访客分类JavaScript浏览528
导读:收集整理的这篇文章主要介绍了javascript中的json方法有哪些,觉得挺不错的,现在分享给大家,也给大家做个参考。javascript中的json方法:1、“JSON.parse( ”方法,用于将一个JSON字符串转换为JavaScr...
收集整理的这篇文章主要介绍了javascript中的json方法有哪些,觉得挺不错的,现在分享给大家,也给大家做个参考。

javascript中的json方法:1、“JSON.parse()”方法,用于将一个JSON字符串转换为JavaScript对象;2、“JSON.stringify()”方法,用于将JavaScript值转换为JSON字符串。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

基础结构

必须使用双引号"包含键值

// 键值对的集合,值的有序列表VAR JsonObj = {
"name":"Hannah", "like":["看书", "电影", "晨跑"]}
    ;
    

数组

var jsonArr = [  {
    "name": "tom",    "tyPE": "cat"  }
,  {
    "name": "jack",    "type": "mouse"  }
    ]

对象

var jsonObj = {
  "like": ["看书", "电影", "晨跑"],  "Book": ["数字城堡", "刻意练习", "老人与海"]}
    

javascript中的json方法

字符串转对象

var jsonObject= JSON.parse(jsonstr);
    

对象转字符串

var jsonstr =JSON.stringify(jsonObject);
    

优雅的输出格式

JSON.stringify() 方法的可选参数space,可以指定缩进用的空白字符串,用于美化输出(PRetty-print)space参数是个数字,它代表有多少的空格;上限为10。该值若小于1,则意味着没有空格;如果该参数没有提供(或者为null)将没有空格。

// replACER 分隔符 space 缩进JSON.stringify(value[, replacer [, space]])var formatJsonStr=JSON.stringify(jsonObject,undefined, 2);
    

JSON字符串的替换

工作经常遇到这样的字符串,如下:

需要经过替换后,才能从字符串转化成JSON对象。这里我们需要用JS实现replaceAll的功能, 将所有的 ’ \" ’ 替换成 ’ " ’ .
代码如下,这里的gm是固定的,g表示global,m表示multiple:

var jsonStr=jsonStr.replace(new RegExp('\\"',"gm"), '"' );
    

替换后的效果如下:

遍历JSON对象和JSON数组

// 遍历JSON对象var packJSON  = {
  "name":"Liza",   "password":"123"}
    ;
for(var k in packJson ){
      //遍历packJson 对象的每个key/value对,k为key  alert(k + " " + packJson[k]);
}
// 遍历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);
}
    

【相关推荐:javascript学习教程

以上就是javascript中的json方法有哪些的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascript

若转载请注明出处: javascript中的json方法有哪些
本文地址: https://pptw.com/jishu/591630.html
浏览器启用javascript什么意思 javascript怎么将时间戳转为日期格式

游客 回复需填写必要信息