下面是关于“一些常用的JavaScript函数(json)附详细说明”的整个攻略:
下面是关于“一些常用的JavaScript函数(json)附详细说明”的整个攻略:
一些常用的JavaScript函数(json)附详细说明
1. JSON.parse()
JSON.parse() 方法可以将符合 JSON 格式的字符串转换为对应的 JavaScript 对象或数组。该方法常用于在客户端接收后台返回的 JSON 格式数据并在前端进行解析和处理。
语法:JSON.parse(text, reviver)
参数:
- text:必须,将要被解析为JavaScript对象的JSON文本字符串。
- reviver:可选,用于转换解析后的数据的方法。
示例:
const jsonStr = '{"name":"Tom","age":18,"hobby":["reading", "playing games"]}';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj); // {name: "Tom", age: 18, hobby: Array(2)}
2. JSON.stringify()
JSON.stringify() 方法可以将 JavaScript 对象或数组转换为 JSON 格式字符串。该方法常用于将 JavaScript 对象或数组转换为符合后台接口要求的 JSON 格式数据。
语法:JSON.stringify(value[, replacer[, space]])
参数:
- value:必须,将要被转换成 JSON 字符串的 JavaScript 值或对象。
- replacer:可选,用于转换转换过程中过滤和转换特定值的函数。
- space:可选,设置间距(空格)的字符串(默认为 "")或者指定数字,即每一层缩进的空格数。
示例:
const obj = {name: "Tom", age: 18, hobby: ["reading", "playing games"]};
const jsonStr = JSON.stringify(obj, null, 2);
console.log(jsonStr);
/**
* 输出结果为:
* {
* "name": "Tom",
* "age": 18,
* "hobby": [
* "reading",
* "playing games"
* ]
* }
*/
以上就是两个常用的 JavaScript 函数 JSON.parse() 和 JSON.stringify() 的详细说明和示例。
希望能对你有帮助。
本文标题为:一些常用的JavaScript函数(json)附详细说明
基础教程推荐
- JScript内置对象Array中元素的删除方法 2024-01-07
- 用HTML制作一个好看的网页模板 2023-10-28
- vue组件,局部组件,全局组件,模板抽取 2023-10-08
- 简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器 2024-02-06
- 详解Ajax和form+iframe 实现文件上传的方法(两种方式) 2022-12-15
- CSS图片翻转菜单 2022-10-16
- Ajax jsonp跨域请求实现方法 2022-10-18
- Ajax异步上传文件实例代码分享 2023-01-20
- CSS动画翻转:让网页更动感 2023-10-08
- Ajax解决多余刷新的两种方法(总结) 2023-01-31