下面是关于“一些常用的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)附详细说明
基础教程推荐
- js禁止页面刷新与后退的方法 2024-01-08
- 基于Vue制作组织架构树组件 2024-04-08
- Ajax实现动态加载数据 2023-02-01
- this[] 指的是什么内容 讨论 2023-11-30
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
- JS前端广告拦截实现原理解析 2024-04-22
- CSS3的几个标签速记(推荐) 2024-04-07
- 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
- 浅谈Vue2和Vue3的数据响应 2023-10-08
