在本文中,我们将学习 JavaScript 中 JSON 到字符串的转换。在 JavaScript 中将 JSON 转换为字符串意味着将以 JSON 格式表示的 JavaScript 对象或数据结构序列化为文本 JSON 字符串以进行数据存储或传输。
JavaScript 中可以使用多种方法将 JSON 转换为字符串,如下所示:
- 使用JSON.stringify()方法
- 使用带有缩进的 JSON.stringify()
- 使用 JSON.stringify() 和 Replacer 函数
- 使用 JSON.parse() 和 JSON.stringify() 方法
我们将借助示例探索上述所有方法及其基本实现。
方法一:使用JSON stringify()方法
在这种方法中,JavaScript 中的 JSON.stringify() 将 JSON 数据转换为格式化字符串表示形式。
用法:
JSON.stringify(value, replacer, space);
例子:在此示例中,我们使用above-explained方法。
Javascript
const data = { name: "Nikita", age: 21, city: "Noida" };
const result = JSON.stringify(data);
console.log(result);
{"name":"Nikita","age":21,"city":"Noida"}
方法 2:使用JSON stringify()带压痕
在此方法中,在 JavaScript 中使用 JSON.stringify(),指定用于缩进的可选参数,以将 JSON 数据格式化为更具可读性和结构化的字符串表示形式,以进行调试或可视化。
用法:
const result = JSON.stringify(data, null, 2);
例子:在此示例中,我们使用above-explained 方法。
Javascript
const data = { name: "Aman", age: 21, city: "Noida" };
const result = JSON.stringify(data, null, 2);
console.log(result);
{ "name": "Aman", "age": 21, "city": "Noida" }
方法 3:使用JSON stringify()具有替换函数
在这种方法中,我们使用 JSON.stringify() 和 JavaScript 中的自定义替换函数来转换或省略特定值,同时将 JSON 数据转换为字符串表示形式。
用法:
const result = JSON.stringify(data, (key, value) => {
if (typeof value === "number") {
// Modify number values
return value * 2;
}
return value;
});
例子:在此示例中,我们使用above-explained 方法。
Javascript
const data = { name: "Rahul", age: 30, city: "Delhi" };
const result = JSON.stringify(data, (key, value) => {
if (typeof value === "number") {
// Modify number values
return value * 2;
}
return value;
});
console.log(result);
{"name":"Rahul","age":60,"city":"Delhi"}
方法 4:使用JSON parse()其次是JSON stringify()方法
在这种方法中,我们使用 JSON.parse() 将 JSON 字符串转换为 JavaScript 对象,然后使用 JSON.stringify() 将对象转换回 JSON 字符串
用法:
const jsonObject = JSON.parse(str1);
const result = JSON.stringify(jsonObject);
例子:在此示例中,我们将 str1 解析为 JavaScript 对象,存储为 jsonObject,然后使用 JSON.stringify(jsonObject) 转换回 JSON 字符串。
Javascript
const str1 = '{"key1":"value1","key2":"value2"}';
const jsonObject = JSON.parse(str1);
const result = JSON.stringify(jsonObject);
console.log(result);
{"key1":"value1","key2":"value2"}
相关用法
- Javascript JSON parse()用法及代码示例
- Javascript JSON.stringify()用法及代码示例
- Javascript JSON.parse()和JSON.stringify()的区别用法及代码示例
- Javascript Atomics.add( )用法及代码示例
- Javascript Atomics.and()用法及代码示例
- Javascript Atomics.compareExchange( )用法及代码示例
- Javascript Atomics.exchange( )用法及代码示例
- Javascript Atomics.isLockFree( )用法及代码示例
- Javascript Atomics.load( )用法及代码示例
- Javascript Atomics.or( )用法及代码示例
- Javascript Atomics.store( )用法及代码示例
- Javascript Atomics.sub( )用法及代码示例
- Javascript Atomics.xor()用法及代码示例
- Javascript Date.UTC( )用法及代码示例
- Javascript array.flatMap()用法及代码示例
- Javascript Array.of()用法及代码示例
- Javascript array.includes()用法及代码示例
- Javascript Array.isArray()用法及代码示例
- Javascript array.keys()用法及代码示例
- Javascript array.reduceRight()用法及代码示例
- Javascript array.toLocaleString()用法及代码示例
- Javascript array.values()用法及代码示例
- Javascript arrayBuffer.byteLength用法及代码示例
- Javascript ArrayBuffer.isView()用法及代码示例
- Javascript boolean.toString()用法及代码示例
注:本文由纯净天空筛选整理自vishalkumar2204大神的英文原创作品 How to Convert JSON to string in JavaScript ?。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。