首页 > web前端 > js教程 > 正文

JavaScript的JSON对象如何使用

青灯夜游
发布: 2018-12-18 15:13:32
原创
1890 人浏览过

在JavaScript中,JSON对象中包含了两个方法:parse()方法、stringify()方法;使用JSON对象的这两个方法可以实现JSON字符串和JavaScript对象的互相转换。接下来的这篇文章就来给大家介绍关于JavaScript中JSON对象的使用方法。

JavaScript的JSON对象如何使用

JavaScript中JSON是什么?

JSON是一种是用于存储和传输数据的格式;一个轻量级的人类可读的,可以以逻辑方式来访问的数据集合。

JSON可以生成并存储来自用户输入的数据;可以将数据从服务器传输到客户端,从客户端传输到服务器,从服务器传输到服务器;还可以构建和验证数据。

JSON对象的使用

JSON.parse()方法

JSON对象的parse()方法可以接受JSON字符串并将其转换为对应的JavaScript对象,在返回这个对象。下面我们来看看基本句式:

JSON.parse(text [,reviver])
登录后复制

text:要解析为JSON的字符串;

reviver:可选参数,规定了在返回之前如何转换最初通过解析生成的值。

示例:

<script>
var json = &#39;{ "学号":"01", "姓名":"小华", "年龄":20 }&#39;;
var student = JSON.parse(json);
//全部输出
console.log(student);

//单个输出
console.log("学号:"+student.学号);
console.log("姓名:"+student.姓名);
console.log("年龄:"+student.年龄);
</script>
登录后复制

运行效果如下:我们来看看输出

JavaScript的JSON对象如何使用

JSON.stringify()方法

JSON对象的stringify()方法可以将JavaScript值转换为对应的JSON字符串,再返回这个JSON字符串。下面我们来看看基本句式:

Json.stringify(value [,replacer [,space]])
登录后复制

value:指定要转换为JSON字符串的js值。

Replacer:可选参数,可以改变字符串化过程行为数。如果指定了replacer函数,它将替换值;如果指定了replacer数组,则它仅包含指定的属性。

space:可选参数,一个String或Number对象,用于将空白插入输出JSON字符串以便于阅读。

示例:将JavaScript字符串对象和数组对象,转换为JSON字符串

//JavaScript字符串对象
var json = { 学号:"01", 姓名:"小华", 年龄:20 };
var  student  =  JSON .stringify(json);  
console.log(student);

//JavaScript数组对象
var arr = [ "php", "mysql", "javascript"];
var  bc  =  JSON .stringify(arr);  
console.log(bc);
登录后复制

输出:

JavaScript的JSON对象如何使用

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

以上是JavaScript的JSON对象如何使用的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!