高端定制网站速度,wordpress会员插件开发,提供网站建设课程,星空无限传媒免费观看电视剧目录
JSON.stringify
简介
主要用途#xff1a;
API
实践1#xff1a;
实践2#xff1a;
JSON.parse
简介
API
实践1
实践2 JSON.stringify
简介
用于把JavaScript对象、数组、值、布尔值等序列化成字符串形式。
主要用途#xff1a;
得到的数据通常有以下主…目录
JSON.stringify
简介
主要用途
API
实践1
实践2
JSON.parse
简介
API
实践1
实践2 JSON.stringify
简介
用于把JavaScript对象、数组、值、布尔值等序列化成字符串形式。
主要用途
得到的数据通常有以下主要用途
数据传输在客户端和服务器之间传递数据时通常需要把数据序列化为字符串进行传输。JSON是一种常见的数据交换格式而JSON.stringify 可以很方便的将javascript 的对象等数据转换成JSON字符串以便在网络上传输。
本地存储 在浏览器端localStorage 或 sessionStorage 存储的数据必须是字符串形式。JSON.stringify 可以用来将 JavaScript 对象转为字符串以便在本地存储中使用。
保存数据 将数据存储到本地文件或数据库时经常需要将数据转为字符串形式。JSON 格式的字符串是一个通用的选择而 JSON.stringify 可以用来生成符合标准的 JSON 字符串。
JSON.stringify() - JavaScript | MDN
API
JSON.stringify(value: any, replacer?: (string | number)[] | null | undefined, space?: string | number | undefined): string
实践1
const data {key1: value1,key2: value2,key3: {subKey1: subValue1,subKey2: subValue2}
};
//改变内容把所有的value值变为大写
const jsonString JSON.stringify(data, (key, value) {// 使用 replacer 函数将所有字符串值转为大写if (typeof value string) {return value.toUpperCase();}return value;
}, 2); // 使用缩进为2的空格console.log(jsonString);
实践2
const data {key1: value1,key2: value2,key3: {subKey1: subValue1,subKey2: subValue2}
};//不改变内容缩进4空格便于阅读
const jsonString JSON.stringify(data, null, 4); // 使用缩进为4的空格console.log(jsonString);
JSON.parse
简介
将JSON的字符串转换为 JavaScript的 对象。需要注意 必现符合JSON字符串格式的数据才行。
JSON.parse() - JavaScript | MDN
API
JSON.parse(text: string, reviver?: ((this: any, key: string, value: any) any) | undefined): any
实践1
const jsonString {name: John, age: 30, city: New York};const reviver (key, value) {// 将 age 属性的值加倍if (key age) {return value * 2;}return value;
};const parsedObject JSON.parse(jsonString, reviver);console.log(parsedObject);
// 输出: { name: John, age: 60, city: New York }实践2
const jsonString {name: John, age: 30, city: New York};const parsedObject JSON.parse(jsonString);console.log(parsedObject);
// 输出: { name: John, age: 30, city: New York }
