JavaScript的JSON对象如何使用-js教程-PHP中文网

JavaScript的JSON对象如何使用

青灯夜游

发布： 2018-12-18 15:13:32

原创

2170人浏览过

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

JavaScript的JSON对象如何使用

JavaScript中JSON是什么？

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

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

JSON对象的使用

立即学习“Java免费学习笔记（深入）”；

JSON.parse()方法

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

JSON.parse（text [，reviver]）

登录后复制

text：要解析为JSON的字符串；

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

示例：

移动端UI&微信UI YDUI Touch

YDUI Touch专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高；使用 Flexbox 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局；用 rem 实现强大的屏幕适配布局，等比例适配所有屏幕；自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。

查看详情

<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对象如何使用