欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > JavaScript >

JavaScript的JSON对象如何使用

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

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 = '{ "学号":"01", "姓名":"小华", "年龄":20 }';
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对象如何使用

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。 本文地址:http://itbyc.com/web/javascript/20520.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1